前端不能放棄1200px的理由

開發過程當中，可能會遇到這種狀況：電腦屏幕是13寸，14寸的，可是在瀏覽器中顯示寬度沒有達到本身屏幕的寬度，致使樣式把控上很不方便。

這種問題多發現於筆記本電腦上，並非說臺式機上沒有這個問題，而是臺式外接的屏幕就當今而言不會特別小，因此不容易發現而已。

緣由：高分辨率致使

在這麼多年的電腦使用中，不知道你有沒有發現，電腦屏幕的分辨率越低，字體與圖標越大；而分辨率越高，字體和圖標越小：

低分辨率

高分辨率

現實狀況下，主流的電腦品牌拿出2K屏，乃至4K屏做爲銷售賣點，因此會出現小屏幕配高分辨率的狀況。那這樣是否是筆記本用了高分辨率，原本屏幕就不大的狀況下，字過小會致使看不清楚呢？
答案是否認的，你仔細看你的筆記本，其實並不會有字過小看不清楚的狀況。由於如今的系統會根據配置默認把字體放大，以致你看起來並不會以爲有什麼問題，以window10爲例：

上圖那個推薦選項就是系統默認的選項，也正是這個緣由致使瀏覽器渲染寬度變小。(你能夠嘗試改變選項來看看效果)

總結

如今的操做系統會根據電腦的屏幕大小和分辨率大小來調整文本及應用的大小，以便適配小屏幕上使用高分辨率顯示不清的問題。這也是致使瀏覽器渲染的時候，渲染的窗體寬度小於實際電腦屏幕的寬度。

因此咱們在肯定兼容最小寬度的時候，考慮到系統會往下縮放，最好堅持版心1200px的底線。以確保大多數筆記本的顯示狀況是符合咱們指望的那樣。

前端技術交流羣：709397872（歡迎加入）