javascript - 手機瀏覽器會有一個預設的viewport視圖，將頁面縮放後顯示在手機螢幕？

Question

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

曾经蜡笔没有小新 · Answer

不對不對, 我幫你捋捋.
viewport不是瀏覽器行為, 是需要你顯式聲明在裡的, 你的編程行為
你糾結默認多少和縮放多少這個並沒有意義, 因為放任這種情況發生本身就是不好的行為..

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

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

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

巴扎黑 · Answer

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

javascript - 手機瀏覽器會有一個預設的viewport視圖，將頁面縮放後顯示在手機螢幕？

全部回覆(2)我來回復