javascript - 手機(jī)瀏覽器會(huì)有一個(gè)默認(rèn)的viewport視圖,將頁(yè)面縮放后顯示在手機(jī)屏幕?
問題描述
手機(jī)瀏覽器會(huì)有一個(gè)默認(rèn)的viewport視圖,將我們寫的頁(yè)面寬度默認(rèn)為了980px,并且進(jìn)行縮放填充到手機(jī)的瀏覽器,這里的進(jìn)行縮放,一般是縮放多少倍啊?
問題解答
回答1:不對(duì)不對(duì), 我?guī)湍戕坜?viewport不是瀏覽器行為, 是需要你顯式聲明在<head>里的, 你的編程行為你糾結(jié)默認(rèn)多少和縮放多少這個(gè)并沒有意義, 因?yàn)榉湃芜@種情況發(fā)生本身就是不好的行為..
接下來我再來回答一下你的問題.
如果你沒有聲明viewport, 那移動(dòng)端的瀏覽器會(huì)認(rèn)為頁(yè)面寬度為980px, 縮放比例是 980/(瀏覽器默認(rèn)視口寬度(device-width), 有可能是320, 360, 375), 然后你在不同的設(shè)備上看, 會(huì)發(fā)現(xiàn)他們的縮放比例似乎是不一樣的, 這跟 device-width(軟件方面) 有關(guān), 也跟屏幕大小和屏幕分辨(硬件方面)有關(guān)
嗯...我沒認(rèn)真求證過官方文檔或其他, 但感覺應(yīng)該是這樣沒錯(cuò)
回答2:那pc端的頁(yè)面是980px,則縮放后,可以完全顯示,如果pc端是1200px,或者更大,那手機(jī)端瀏覽器默認(rèn)以980px加載,那超出的400px,在手機(jī)端顯示是時(shí)候,是被裁掉還是出現(xiàn)滾動(dòng)條啊
