84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
就是行動端的瀏覽器預設有一個viewport,大多數手機裝置預設的viewport視窗是980px,那如果一個pc端的頁面是980px寬,則以980px渲染之後,再按照一定比例縮放,則剛好能在手機內完全顯示,那如果頁面是1200px,那多出來的220px,就不在預設的viewport的980px之內,這部分多出來的是怎麼渲染啊?是依照實際的1200渲染,然後再縮放到手機螢幕內嗎?還是依照980px渲染?
viewport 可以配置,默认一般是 980px 而且不缩放,这时的 1200 会显示在屏幕外面,会把页面撑开,导致的结果就是下面出现滚动条(不同的手机处理的方式不同)。
如果给 viewport 指定了宽度,那么 1200px 会进行缩放以适应宽度。
viewport 可以配置,默认一般是 980px 而且不缩放,这时的 1200 会显示在屏幕外面,会把页面撑开,导致的结果就是下面出现滚动条(不同的手机处理的方式不同)。
如果给 viewport 指定了宽度,那么 1200px 会进行缩放以适应宽度。