在制定布局规范的过程中遇到了一个问题，内容区域的最小最大宽要定多少呢？一直以来好像都没有认真想过这个问题，于是翻了下几个主流的设计规范，都没有看到相关的定义，只好用开发者工作大概看了看。

是因为产品的设计者都没有发现这个现象，留着这么多的空间浪费着不用吗？

看这占比，不太可能不知道吧，那么问题来了？

为什么以前的字体用12px可以，现在字体得用14px了呢？

通过字体大小对照表，找到了像素与英寸的对应关系，这里涉及到另外两个概念，DPI和PPI。

接下来就是体力活了，一通计算后得到这些，为方便记忆，取得中间值 650px，需要注意的是，这里计算的是单眼的视角。

简单验证了下，看起来是可行的。

参考前面大多数站点的宽度值，取双眼舒适的视角，即2倍650的1300像素。

至此，完成了页面内容区域最大宽度的推导。

其他的一些问题，如 限制了宽度，那应如何对齐？ 及 空间是否被浪费？等问题，请见附件PPT。本地下载PPT。