企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
[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/)