用dw设计网页时，我用的是css+div。每个电脑的分辨率都不一样，怎么让网页在不同的浏览器上正确显示呢？
3个回答
展开全部
第一种办法：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，这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了，更多的是代码问题。。。如果真要使用再说吧-。-
<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，这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了，更多的是代码问题。。。如果真要使用再说吧-。-
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
