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

//DIV的ID(名称)一定要对号,字母大小写要一致这里就不多说了。
网页中如何利用css根据不同的分辨率的显示器设置div的高度
<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>

试试看2008-09-23
可以试试通过@media来处理,具体如下 @media screen and (max-width: XXXpx) {选择器 {属性:属性值;}}。
@media queries是css3新增的一个特性,可以用来实现响应式布局,即根据不同的屏幕像素尺寸来应用不同的样式进行渲染。由于现在智能设备越来越多,屏幕的尺寸也五花八门,所以css3的这个特性被越来越多的使用。2015-10-08
<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>
试试看2020-02-09
高度有必要限制么?

这个只能通过JS来实现.2008-09-23
mengvlog 阅读 30 次 更新于 2025-08-05 02:56:01 我来答关注问题0
  •  翡希信息咨询 css如何与模版结合使用以控制网页样式并提高效率?

    通过类名和ID选择器:在HTML中使用类名和ID选择器,可以灵活地应用CSS样式。这样,即使在不同的页面中,也可以通过修改CSS文件来改变元素的样式,而无需修改HTML结构。媒体查询:利用CSS3的媒体查询功能,可以根据不同的设备屏幕大小和分辨率,应用不同的样式规则,使网页在不同设备上都能保持良好的显示...

  •  百度网友c45032d 请问如何实现网页中的文字大小根据浏览设备屏幕大小不同自动调整?

    2、不使用绝对宽度由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。具体说,CSS代码不能指定像素宽度:width:xxx px;只能指定百分比宽度:width: xx%;或者width:auto;3、相对大小的字体 字体也不能使用绝对大小(px),而只能使用相对大小(...

  •  阿暄生活 我的网页怎么成了大化 不能全看见怎么办

    响应式设计:采用CSS的响应式设计技术,使网页能够根据不同设备的屏幕尺寸自动调整布局。避免固定宽度元素:在CSS中,尽量避免使用固定宽度的元素,而是使用百分比或视口单位来定义元素的尺寸。检查并优化HTML和CSS代码:清理冗余代码:检查HTML和CSS代码,删除不必要的冗余代码,确保网页结构清晰、简洁。检查兼容...

  •  快乐生活 尺寸该如何设置以适应并撑满相应位置?

    在不同场景下,设置尺寸以适应并撑满相应位置的方法有所不同。1.网页设计方面:对于元素要撑满容器,若使用CSS布局,可利用宽度和高度属性。比如设置宽度为“width: 100%;”、高度为“height: 100%”,能让元素在水平和垂直方向上撑满父容器。对于响应式设计,还可结合媒体查询,根据不同屏幕尺寸调整...

  •  阿暄生活 如何让网站适应各种分辨率的浏览器

    要让网站适应各种分辨率的浏览器,可以采取以下几种方法:使用流体布局:流体布局是一种弹性布局方法,根据浏览器显示区域的大小来平均分配页面元素。百分比单位是流体布局中常用的单位,可以根据实际区域的大小设置相同比例的布局区块,使页面在不同分辨率下都能保持良好的显示效果。独立样式,动态加载:针对页面...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部