檬味博客 » 问答 » 网页中如何利用css根据不同的分辨率的显示器设置div的高度

网页中如何利用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 阅读 14 次 更新于 2025-06-20 13:57:00 我来答关注问题0
4 个回答檬味博客专题活动
  • 翡希信息咨询 css如何与模版结合使用以控制网页样式并提高效率?

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

  • 阿暄生活 css在网页 *** 中的作用如何? 网页 *** 中css是指

    通过将CSS代码放在外部文件中，并在多个网页中引用同一个CSS文件，可以减少网页的重复代码量，从而提高网页的加载速度。此外，CSS还可以利用缓存机制，进一步减少网页的加载时间。一致性和可维护性：使用CSS可以确保网页在不同浏览器和平台上具有一致的外观和布局。此外，由于CSS代码与HTML代码分离，因此当需要...

  • ffsjs 一个网页中如何写出多个CSS样式。又如何使用多个本页中定义的多个CSS样式。

    建立一个CSS 样式文件，然后在页面里面调用 如 易管理 然后分别对不同的DIV 设置不同的属性参数。调用即可。。

  • 湖北倍领科技 div+css如何实现垂直居中、水平居中?

    当然，还有其他方法可以实现这些目标，例如利用Flexbox布局，或通过设置margin: auto;属性等。每种方法都有其适用场景，选择合适的方法可以更好地满足网页设计的需求。总之，通过适当的CSS属性设置，可以轻松实现元素的垂直居中和水平居中。不同的方法适用于不同的布局需求，设计师可以根据具体情况选择最适合的...

  • 文暄生活科普 如何为网页添加一个外部的风格样式表(CSS)

    在HTML文档的部分，通过使用标签可以轻松地将外部CSS文件链接到页面中。这个链接标签的href属性需要指定外部CSS文件的路径。例如：这里，“style.css”是外部样式表文件的名称，您需要根据实际情况替换它。rel属性的值设置为"stylesheet"，表示这是一个样式表链接。通过这种方式，您可以将多个样式表链接到HTML...

其他CSS类似问题

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

CSS相关话题

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