在设计和实现PC端网页时，我们通常选用1200px宽度作为安全区域的设计的标准。这主要取决于目前市面上的设备的主流分辨率及栅格概念的出现。

　　根据百度流量研究院的最新数据显示，2019年10月份我国网民访问PC网页的主流设备分辨率仍然为1920*1080，占总百分百为42.94%。很显然，绝大部分的屏幕分辨率都已经超过了1366*768，在适配网页时则不需要对1366宽度以下的尺寸做特殊处理。可见，1920px在目前是PC端网页设计的标准。

　　需要注意的是，分辨率数值仅作为上限的参考，在设计网页时，不能够将页面的实际显示内容的区域（也成为安全区）等同于此上限看度。考虑到在Windows等部分浏览器上，滚动条本身也需要占据一定的宽度，因此，过分的贴边或是接近于整屏幕宽度的设计是不被推荐的。

　　以1920px宽度作为设计标准，在整个页面中，网页的安全区域则为1200px。换句话说，我们只要保证网页的实际内容展示区域控制在1200px这个范围内，就能保证整个页面在不同尺寸的浏览器访问时能够完整的显示出所有的内容。

　　为了布局方便，我们通常会将内容区域用栅格进行划分，这里我们一般会将内容区域划分为12格或者24格。同时在栅格间增加通用固定的间距，可以很好的处理大部分情况下的垂直排列问题。

　　使用12格或24格的好处：能够倍2、3、4整除；方便处理内容区域中2:1；1:2:1这一类常见的间距分布。

　　使用栅格系统，可以有效提高网页的规范性。在栅格系统下，页面中的元素尺寸都是有同一基准线和规律的，而基于栅格系统进行设计，可以让整个网站和各个页面的布局保持一致，增强页面统一性，提升用户体验。

[返回上一级]