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