不知道你有没有遇到过这种现象：页面布局好后，一放大或缩小，页面的布局就会变形？这也是我刚开始很困扰的地方。但经过我的思考与实战，最终解决了这个问题。

页面之所以会变形，我认为（仅代表自己所理解的）是由于页面放大缩小时，它的页面宽度变化并不是绝对随着比例准确无误的，它会有个计算误差的（比如四舍五入），比如我们缩小时，页面宽度设置的是1000px，而再缩小到80%时，它的页面宽度可能并不是800px，而是803px，这才导致了页面结构的变化。

今天我为大家总结出了解决该问题的有效方法：

1. 将整个页面放入一个div中，设置div的宽度为1000px，在将你原来的页面内容的宽度设为960px（数并不绝对，根据需要而定），在让你原来的页面设置margin-left:20px;（见下图）

http://s14/bmiddle/60452746t87242a2be22d&690

2. 除了顶部（Logo等）、底部的部分，将你页面中间主体内容放入一个table标签中，并设置table宽度。（具体宽度怎么设置这个本人没有过多研究，但方法肯定可行，根据自己需要吧，我只是提供一个好方案）

但是最好不要把全部内容（包括顶部底部）放入table中，因为这样页面顶部、底部会有约1px的间距，这个本人没有解决，可能是border默认值为1的缘故，但是这种方法我不太提倡，理由是：

顶部、底部一般是可以不变也可以变的，如果放入一个table中，那么页面的灵活性就大大降低了（一般都是把顶部、底部做成母版的），由于变化的主要区域在于页面中间的主体内容，所以把它放入table中是最合适的。

以上是我的经验分享，大家如果还有什么好的建议可以向我提提，我也想多分享下大家的“财富”！