javascript - 行動端的預設viewport大小問題？

Question

就是行動端的瀏覽器預設有一個viewport，大多數手機裝置預設的viewport視窗是980px，那如果一個pc端的頁面是980px寬，則以980px渲染之後，再按照一定比例縮放，則剛好能在手機內完全顯示，那如果頁面是1200px，那多出來的220px，就不在預設的viewport的980px之內，這部分多出來的是怎麼渲染啊？是依照實際的1200渲染，然後再縮放到手機螢幕內嗎？還是依照980px渲染？

Answer 1

viewport 可以配置，預設一般是 980px 而且不縮放，這時的 1200 會顯示在螢幕外面，會把頁面撐開，導致的結果就是下面出現捲軸（不同的手機處理的方式不同）。

如果給 viewport 指定了寬度，那麼 1200px 會進行縮放以適應寬度。