html页面缩放候布局变化问题

建议楼主采用em布局
设置一个基准字大小
例如body{font-size:14px}
由于字体大小是可继承元素

1em就代表一个字体大小，而所有浏览器对字体缩放都是成比例的，用px肯定会出现错开的情况，但是用em布局，IE系可以精确到小数点后两位，火狐谷歌可以精确到后四位，基本能保证缩放的精度

平铺一般是百分比布局
例如你的元素是960px宽
<div sytle="width:960px;margin:0 auto">
<div style="width:100%;background:#ccc">

......

</div>

</div>追问

能给出一个实现在缩放时能够铺满整个屏幕，且能够居中缩放的导航框的代码吗？

追答 <div style="width:100%;height:3em;background:#ccc;">
<div style="width:960px;margin:0 auto;">
<ul>
<li style="font-size:3em;">你的导航</li>
<li style="font-size:3em;">你的导航</li>
<li style="font-size:3em;">你的导航</li>
<li style="font-size:3em;">你的导航</li>
</ul>
</div>
</div>

本回答被提问者和网友采纳