最佳网页宽度
最后更新于:2022-04-02 03:15:01
[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/)
';