有关css中浏览器尺寸的自适应问题

Question

我用div+css设计网页，用的是17寸显示器，问题是在css中的各处尺寸会随着显示器尺寸的改变而使原来的尺寸发生同比例的改变吗？如果因显示器的尺寸改变而使网页的布局发生混乱，这个问题如何去克服呢？

Answer 1

就像他们所说的那样，你要是想做成自动适应显示器的网页就用百分比做，例如：
.banner{width:100%;height:100px;}
.logo{width:20%;height:100px;float:left;}
.admin{width:80%;height:100px; flaot:right}

<div class="banner">
<div class="logo"></div>
<div class="admin"></div>
</div>

这样的情况下这个头部就会自己按照显示器的分辨率来调节自己的宽度了，里边的div元素也会相应改变，达到“自适应宽度”

如果不要做成自适宽度的，那就用固定宽度的盒子模型
例如：
body{text-align:center;}
.banner{width:950px;height:100px;}
.logo{width:250px;height:100px;float:left;}
.admin{width:700px;height:100px; flaot:right}

<div class="banner">
<div class="logo"></div>
<div class="admin"></div>
</div>

这样就行了！O(∩_∩)O哈哈~
加油哦，你比我当年强多了，还知道在百度上问，我当年傻呵呵的什么都不知道，遇到问题就只能卡住了！呵呵！

Answer 2

按比例改变就用百分比定宽度
想布局不变就使用固定宽度

分辨率改变布局混乱是不规范造成的，克服这问题只能多做多试，除了分辨率还有不同浏览器下的样子，其实还是蛮不容易的

Answer 3

布局用百分比，比如高度宽度，在每个显示器下显示都一样，因为都是按照比例来的

字体大小用em做单位，因为px在不同分辨率显示器下大小不一样；而em是相对单位