當在設計手機行動版網頁 (mobile web) 或響應式 (RWD, Responsive Web Design) 網頁時，我們需要用  viewport 來指定瀏覽器怎麼渲染和縮放網頁畫面的寬高，在 html 檔的 ＜ｈｅａｄ＞區塊中設定，

 指定螢幕寬度為裝置寬度，畫面載入初始縮放比例 100%

• width=device-width 指定瀏覽器頁面的寬度同裝置 (device) 的寬度
• initial-scale=1.0 指定畫面初始縮放比例為 100%，即不放大也不縮小

 meta viewport 目前並未被列入CSS標準中，但主要瀏覽器都是支援這個用法

設定好 viewport，CSS media query breakpoint 也才運作正常

否則它是不會動的