Question

网页中如何利用css根据不同的分辨率的显示器设置div的高度

请问各位利用css如何设置div的高度,根据不同的分辨率而言的，宽度可以利用width:100%但是高度没有,该怎么办?

在线等待....

Answer 1

<script language=javascript>
//根据分辩率控制层的位置，注意要放在div之后，否则会说找不着对象。
//最好的办法就是放在html最后啦...
//如果一定要放前面，那就用Function吧，在Body的onload事件中加上XXX();即可。
//DIV的ID（名称）一定要对号，字母大小写要一致这里就不多说了。
<!--
if (screen.width == 800) {
Layer1.style.top = 81;
Layer1.style.left = 538;
Layer2.style.left = 45;
Layer2.style.top = 196;
}
else if (screen.width == 1280) {
Layer1.style.top = 81;
Layer1.style.left = 765;
Layer2.style.left = 272;
Layer2.style.top = 196;
}
else
{
Layer1.style.left = 638;
Layer1.style.top=81;
Layer2.style.left = 150;
Layer2.style.top = 196;
}
//-->
</script>

试试看

Answer 2

可以试试通过@media来处理，具体如下 @media screen and (max-width: XXXpx) {选择器 {属性：属性值；}}。
@media queries是css3新增的一个特性，可以用来实现响应式布局，即根据不同的屏幕像素尺寸来应用不同的样式进行渲染。由于现在智能设备越来越多，屏幕的尺寸也五花八门，所以css3的这个特性被越来越多的使用。

Answer 3

<script
language=javascript>
//根据分辩率控制层的位置，注意要放在div之后，否则会说找不着对象。
//最好的办法就是放在html最后啦...
//如果一定要放前面，那就用Function吧，在Body的onload事件中加上XXX();即可。
//DIV的ID（名称）一定要对号，字母大小写要一致这里就不多说了。
<!--
if
(screen.width
==
800)
{
Layer1.style.top
=
81;
Layer1.style.left
=
538;
Layer2.style.left
=
45;
Layer2.style.top
=
196;
}
else
if
(screen.width
==
1280)
{
Layer1.style.top
=
81;
Layer1.style.left
=
765;
Layer2.style.left
=
272;
Layer2.style.top
=
196;
}
else
{
Layer1.style.left
=
638;
Layer1.style.top=81;
Layer2.style.left
=
150;
Layer2.style.top
=
196;
}
//-->
</script>
试试看

Answer 4

高度有必要限制么?

这个只能通过JS来实现.