发布网友 发布时间:2022-04-23 15:36
共1个回答
热心网友 时间:2023-10-08 17:41
第一种办法: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,这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了,更多的是代码问题。。。如果真要使用再说吧-。-