一尘不染

CSS:根据屏幕尺寸对齐元素

jsp

因此,我正在编写一个程序,该程序需要根据观众的屏幕尺寸来调整元素的大小。该程序在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>

阅读 315

收藏
2020-06-10

共1个答案

一尘不染

您想要做的-响应式设计-非常酷,但也变得非常复杂。它需要一点学习,但是CodeSchool开设了一个名为Journey Into
Mobile的
高质量课程,该课程涵盖了自适应屏幕尺寸,应该可以使您走上正确的道路。

2020-06-10