網頁設計中的主內容區域規范到底該如何設定？

　　一般網頁設計中，需要有主視覺安全區域，主視覺安全區域寬度：1200px，但是現在看到很多1920px的網頁設計中，安全區域大多都超過了1200px，有的在1300-1400px，有的甚至超過了1400px，那么這還算是遵循規范嗎，這個界定標準又是什么呢？

　　在設計和實現PC端網頁時，以往我們通常選用1200px寬度作為安全區域的設計的標準，這主要取決于目前市面上的設備的主流分辨率及柵格概念的出現。但隨著設備硬件的提升，越來越多很大很高清的顯示器出現，分辨率也大大提高，所以我們在設定標準的時候是有兩種方向去考慮的，一種是固定寬度，另一種是自適應寬度，可以感覺自身項目的特性去選擇

① 定寬模式
定寬，內容區域的寬度固定。
在定寬模式下，主流內容寬度為960px或1200px。
根據不同的設計要求選擇不同的寬度，有三種情況：
如果是針對特定顯示屏設計的，例如僅針對1440*900px顯示屏，則可以按照該寬度的設計標準進行設計。
如果你是為年輕人設計網站，基本上可以放棄低分辨率用戶，按照1366px寬度的設計標準進行設計，內容寬度為1200px。
如果你想設計一個滿足所有人需求的網站，你需要考慮1024px寬度的用戶，內容寬度為960px。

② 自適應模式
自適應，內容區域寬度隨瀏覽器變化。
在這種模式下，可以使用1920px或更大的寬度進行設計，并且可以給出模塊拉伸的方案。
然后，給出了最小寬度效果及對策。
最小寬度效果：定義最小寬度并生成設計版本，以在極端情況下顯示視覺效果。
超出對策：目前2k、4K顯示屏越來越流行，應考慮超過1920px的對策，例如拉伸背景以填充屏幕。

所謂的遵循規則也是要在一些明確的條件下遵守，而不是盲目的遵循某一種原則。北京網站設計