javascript - 手機瀏覽器會有一個預設的viewport視圖,將頁面縮放後顯示在手機螢幕?
过去多啦不再A梦
过去多啦不再A梦 2017-05-16 13:43:30
0
2
481

手機瀏覽器會有一個預設的viewport視圖,將我們寫的頁面寬度預設為了980px,並且進行縮放填充到手機的瀏覽器,這裡的進行縮放,一般是縮放多少倍啊?

过去多啦不再A梦
过去多啦不再A梦

全部回覆(2)
曾经蜡笔没有小新

不對不對, 我幫你捋捋.
viewport不是瀏覽器行為, 是需要你顯式聲明在

裡的, 你的編程行為
你糾結默認多少和縮放多少這個並沒有意義, 因為放任這種情況發生本身就是不好的行為..

接下來我再來回答一下你的問題.

如果你沒有聲明viewport, 那移動端的瀏覽器會認為頁寬為980px, 縮放比例是980/(瀏覽器默認視口寬度(device-width), 有可能是320, 360, 375), 然後你在不同的設備上看, 會發現他們的縮放比例似乎是不一樣的, 這跟device-width(軟體方面) 有關, 也跟屏幕大小和屏幕分辨(硬體方面)有關

嗯...我沒認真求證過官方文檔或其他, 但感覺應該是這樣沒錯

巴扎黑

那pc端的頁面是980px,則縮放後,可以完全顯示,如果pc端是1200px,或者更大,那麼手機端瀏覽器默認以980px加載,那超出的400px,在手機端顯示是時候,是被裁掉還是出現捲軸

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板