2 版面概念解析
Last updated
Last updated
概念：版面是固定寬度，不論螢幕寬度如何，都不會影響版面大小。
案例參考：
概念：版面寬度是用百分比來佔比例，螢幕在縮放時，版面會跟隨螢幕來縮放。
參考範例：
概念：鎖定幾個螢幕寬度尺吋，來決定版面主內容應該改變成多少固定尺吋。
例如：
針對螢幕寬度 1400px 以上，版面主內容區塊 1320px。
針對螢幕寬度 1200px ~ 1399px ，版面主內容區塊 1140px。
針對螢幕寬度 992px ~ 1199px，版面主內容區塊 960px。
針對螢幕寬度 768px ~ 991px，版面主內容區塊 720px。
針對螢幕寬度 576px ~ 767px，版面主內容區塊 540px。
針對螢幕寬度 0px ~ 575px，版面主內容區塊 100%。
例：
概念：不論使用者用的螢幕裝置為何(桌機、平板、手機等)，版面要能夠自動的調整，以維持易讀性、易用性，讓使用者能夠正常的使用、操作。
以上概念，並非是擇一使用，通常一個網頁當中，是這些概念的混用，以達成我們要呈現給使用者的介面。
例：。