0

所以我正在编写一个程序，它需要根据观众的屏幕尺寸调整元素的大小。该程序在 jsp/sql/xhtml/css 中，我有几个问题。

有没有办法通过将屏幕宽度保存到 jsp 变量来选择 css 文件？

有没有办法将一个 div 对齐到另一个 div 下方并将上面的 div 用作它的一种容器？这个问题有点复杂

目标：在其下方有一个带有文本标签的图像。问题： div 是父 div 的一部分，并且 div 提供的图像将根据屏幕尺寸发生变化。

这就是我正在做的事情。

<div id="container">
<div id="inner">
    <div class="1">--stuff</div>
    <div class="2"><img src="server:8080/project?minutes=720&width=<%= out.print(width) %> </div> <-- want to align under this
    <div class="3">--stuff</div>
</div>
<div id="label"> <--Want this div aligned underneath "2"
    <div class="1">2.0</div> <-- Want the text at 25% of the image (right)
    <div class="2">4.0</div> <-- Want the text at 50% of the image (right)
    <div class="3">6.0</div> <-- Want the text at 75% of the image (right)
    <div class="4">8.0</div> <-- Want the text at 100% of the image (right)
</div>
</div>
4

2 回答 2

2

您想要做的 - 响应式设计 - 非常酷，但也变得相当复杂。这需要一些学习，但 CodeSchool 有一个名为Journey Into Mobile的高质量课程，它涵盖了自适应屏幕尺寸，应该能让你走上正确的道路。

于 2012-08-17T19:55:04.073 回答
0

您需要深入研究响应式设计、媒体查询和流体布局。
如上所述，Codeschool 确实有涵盖这些领域的精彩课程。

于 2012-10-26T11:28:18.680 回答