[TOC] ## 最佳网页宽度及其实现 - 首先，网页的缺省宽度，确定为满足1024px宽度的显示器 - 其次，网页宽度会在780px-1260px的范围内，自动变化(即最小不小于780px，最大不超过1280px) - 最后，对于更大的分辨率，网页内容会自动居中 ``` // 针对整个页面，即body标签或者最外层的那个div区域 // 保证了网页在任何分辨率下，都会居中 margin: 10px auto; // 规定了网页的最小和最大宽度 // 不支持IE6 min-width: 780px; max-width: 1260px; // 内层的各个区块也自动伸缩，它们的宽度可以采用百分比的形式， #div-left{ width:50%; } #div-right{ width:50%; } ``` > [阮一峰](http://www.ruanyifeng.com/blog/2008/07/best_webpage_width_and_realization.html) > [参考效果](https://css-tricks.com/examples/PerfectFluidWidthLayout/)