用dw设计网页时，我用的是css+div。每个电脑的分辨率都不一样，怎么让网页在不同的浏览器上正确显示呢？

发布网友发布时间：2022-05-16 09:18

共3个回答

热心网友时间：2023-10-18 01:36

第一种办法：body的width设置为100%，然后body下的总的div的width设置为固定宽度，比如：
<body style="width: 100%">
<div class="nav" style="width: 1080px"></div>
<div class="content" style="width: 1080px"></div>
<div class="footer" style="width: 1080px"></div>
</body>
然后每个div里面的元素再具体设置宽度。

第二种办法，如果你要针对移动端用户，可以使用响应式web设计。即：
@media screen and (max-width: 768px) and (min-width: 480px){
//这里面写CSS代码

}
如果使用第二种方法建议用百分比布局。

第三种方法，如果你要使用CSS3/JS，这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了，更多的是代码问题。。。如果真要使用再说吧-。-

热心网友时间：2023-10-18 01:37

用表格定位，精确控制像素尺寸。

热心网友时间：2023-10-18 01:37

设置流体布局