最近好多刚入行的小白，还有那些非技术出身的老板，天天追着问我一个问题。说现在的网页到底该做多大？是不是还得死磕1920？
我真是服了。这种问题问出来，我就知道对方没怎么看过后台数据。
咱们不整那些虚头巴脑的理论。直接说现在的真实情况。
你去百度指数或者艾瑞咨询看看最新的数据。虽然1920x1080依然是主流，但比例在悄悄下降。特别是移动端流量巨大的今天，PC端的屏幕碎片化比你想象的严重得多。
很多人做设计稿，上来就建一个1920宽度的画布。然后中间内容区搞个1200宽。两边留白，或者放个全屏背景图。
这种做法，在三年前还行。现在？太浪费资源了。
为什么？因为很多用户用的还是老笔记本，或者是外接显示器。他们的分辨率可能是1366x768，甚至是更奇葩的1600x900。
如果你强行塞一个1920的设计稿，用户得横向滚动才能看完内容。
谁受得了这个？用户体验直接归零。
所以我现在的建议是，做电脑端网页设计尺寸的时候，核心内容区一定要控制在1200px以内。
别嫌窄。1200px足够放下大部分信息了。
如果你是非媒体类、非电商类的企业官网，1140px其实更舒服。
看看那些大厂官网，比如苹果、华为，他们的核心内容区其实并没有占满整个屏幕。他们留出了大量的呼吸感。
这不是为了装逼，是为了适配。
当你把核心内容限制在1140到1200之间时，无论用户的屏幕是1366、1600还是1920，内容都能居中显示，且左右留白适中。
这样既美观，又不会让用户觉得内容挤在一起。
再说点实在的，关于背景图。
很多设计师喜欢搞全屏大图。背景图宽度必须1920甚至2560。
结果呢？文件巨大，加载慢得要死。
用户打开网页，转圈转了半天，最后发现核心信息在中间那1200像素里。
这就本末倒置了。
现在做网页设计，速度就是生命。
如果你的背景图一定要大，记得压缩。用WebP格式。别再用什么PSD原图直接上传了。
还有，别迷信“响应式”。
很多老板觉得，我做了响应式，就不用管PC端了。
错。大错特错。
PC端的交互逻辑和移动端完全不一样。鼠标悬停、右键菜单、键盘快捷键，这些移动端都没有。
如果你把移动端那套简陋的布局直接套用在PC端，那叫偷懒，不叫设计。
PC端网页设计尺寸不仅仅是宽度的问题，更是布局逻辑的问题。
比如导航栏。移动端通常是汉堡菜单，PC端必须展开。
如果导航项很多，1200的宽度可能不够。这时候你可以考虑让导航栏稍微宽一点，比如1400，但核心内容区依然保持1200。
这样既保证了导航的清晰度，又保证了内容的聚焦。
再说说那个让人头疼的滚动条。
Windows系统的滚动条宽度是固定的，Mac上是可变的。
如果你在设计时没有考虑到这一点，可能会导致内容在滚动时发生微小的抖动。
虽然不起眼，但强迫症用户会很烦。
解决办法很简单。给容器设置一个固定的最小高度，或者使用CSS的scrollbar-width属性来统一样式。
别小看这些细节。
细节决定成败，这话虽然烂大街，但在网页设计里是真理。
还有，别忽略浏览器兼容性。
虽然Chrome占了大头，但国内还有很多用户用360、QQ浏览器，甚至是IE的兼容模式。
虽然IE已经死了，但某些政企客户还在用。
如果你的设计在IE下崩了，那这单生意就黄了。
所以，在确定电脑端网页设计尺寸时，一定要做兼容性测试。
不要只在自己那台高配Mac上看效果。
找台破电脑，装个旧浏览器试试。
你会发现新世界。
最后，给个真心建议。
别死守一个数字。
1920是上限，1366是底线。
中间的值，1200或1140，才是性价比最高的选择。
根据你自己的业务类型来定。
如果是展示型网站，1200足矣。
如果是数据密集型后台，可能需要更宽，但也要考虑用户的视线移动范围。
人眼的舒适视野宽度是有限的。
太宽了，用户看左边再转头看右边，累。
所以，适度留白，适度收窄。
这才是高级的设计。
如果你还在纠结具体像素，或者不知道自己的行业适合哪种布局。
别自己瞎琢磨了。
直接找我聊聊。
我可以帮你看看现有的页面，或者根据你的需求给个具体的方案。
毕竟，设计这东西，纸上得来终觉浅。
得看实际效果。
别等用户流失了，才后悔没早点优化。
时间不等人，流量更不等人。
抓紧调整吧。
