手機瀏覽器會有一個預設的viewport視圖,將我們寫的頁面寬度預設為了980px,並且進行縮放填充到手機的瀏覽器,這裡的進行縮放,一般是縮放多少倍啊?
不對不對, 我幫你捋捋.viewport不是瀏覽器行為, 是需要你顯式聲明在
接下來我再來回答一下你的問題.
如果你沒有聲明viewport, 那移動端的瀏覽器會認為頁寬為980px, 縮放比例是980/(瀏覽器默認視口寬度(device-width), 有可能是320, 360, 375), 然後你在不同的設備上看, 會發現他們的縮放比例似乎是不一樣的, 這跟device-width(軟體方面) 有關, 也跟屏幕大小和屏幕分辨(硬體方面)有關
嗯...我沒認真求證過官方文檔或其他, 但感覺應該是這樣沒錯
那pc端的頁面是980px,則縮放後,可以完全顯示,如果pc端是1200px,或者更大,那麼手機端瀏覽器默認以980px加載,那超出的400px,在手機端顯示是時候,是被裁掉還是出現捲軸
不對不對, 我幫你捋捋.
裡的, 你的編程行為viewport不是瀏覽器行為, 是需要你顯式聲明在
你糾結默認多少和縮放多少這個並沒有意義, 因為放任這種情況發生本身就是不好的行為..
接下來我再來回答一下你的問題.
如果你沒有聲明viewport, 那移動端的瀏覽器會認為頁寬為980px, 縮放比例是980/(瀏覽器默認視口寬度(device-width), 有可能是320, 360, 375), 然後你在不同的設備上看, 會發現他們的縮放比例似乎是不一樣的, 這跟device-width(軟體方面) 有關, 也跟屏幕大小和屏幕分辨(硬體方面)有關
嗯...我沒認真求證過官方文檔或其他, 但感覺應該是這樣沒錯
那pc端的頁面是980px,則縮放後,可以完全顯示,如果pc端是1200px,或者更大,那麼手機端瀏覽器默認以980px加載,那超出的400px,在手機端顯示是時候,是被裁掉還是出現捲軸