前端不能放弃1200px的理由

开发过程当中，可能会遇到这种状况：电脑屏幕是13寸，14寸的，可是在浏览器中显示宽度没有达到本身屏幕的宽度，致使样式把控上很不方便。

这种问题多发现于笔记本电脑上，并非说台式机上没有这个问题，而是台式外接的屏幕就当今而言不会特别小，因此不容易发现而已。

缘由：高分辨率致使

在这么多年的电脑使用中，不知道你有没有发现，电脑屏幕的分辨率越低，字体与图标越大；而分辨率越高，字体和图标越小：

低分辨率

高分辨率

现实状况下，主流的电脑品牌拿出2K屏，乃至4K屏做为销售卖点，因此会出现小屏幕配高分辨率的状况。那这样是否是笔记本用了高分辨率，原本屏幕就不大的状况下，字过小会致使看不清楚呢？
答案是否认的，你仔细看你的笔记本，其实并不会有字过小看不清楚的状况。由于如今的系统会根据配置默认把字体放大，以致你看起来并不会以为有什么问题，以window10为例：

上图那个推荐选项就是系统默认的选项，也正是这个缘由致使浏览器渲染宽度变小。(你能够尝试改变选项来看看效果)

总结

如今的操做系统会根据电脑的屏幕大小和分辨率大小来调整文本及应用的大小，以便适配小屏幕上使用高分辨率显示不清的问题。这也是致使浏览器渲染的时候，渲染的窗体宽度小于实际电脑屏幕的宽度。

因此咱们在肯定兼容最小宽度的时候，考虑到系统会往下缩放，最好坚持版心1200px的底线。以确保大多数笔记本的显示状况是符合咱们指望的那样。

前端技术交流群：709397872（欢迎加入）