因此,我正在编写一个程序,该程序需要根据观众的屏幕尺寸来调整元素的大小。该程序在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>
您想要做的-响应式设计-非常酷,但也变得非常复杂。它需要一点学习,但是CodeSchool开设了一个名为Journey Into Mobile的高质量课程,该课程涵盖了自适应屏幕尺寸,应该可以使您走上正确的道路。