2016-12-26 70 views
0

移動電話中的視口是基於屏幕分辨率還是移動瀏覽器? 下面是一些流行的手機瀏覽器窗口大小:移動視口大小是基於瀏覽器還是屏幕分辨率?

-Opera手機瀏覽器窗口850像素

-iPhone Safari瀏覽器視窗980px

-iPad(風景&肖像模式)視980px 移動設備? -Android瀏覽器視口800px

-IE手機瀏覽器視口320px source。 但是,通過分辨率縮放的視口大小是

回答

1

從技術上講,移動設備具有兩種視口大小,即佈局視口和可視視口。

佈局視口是固定的,因爲它基於物理設備的屏幕寬度和高度。其尺寸可以通過JavaScript中的screen.widthscreen.height屬性和device-width屬性進行訪問,以用於CSS3中的媒體查詢。

可視視口由瀏覽器窗口的寬度和高度決定。其尺寸可以通過JavaScript中的window.innerWidthwindow.innerHeight屬性和width屬性進行訪問,以用於CSS3中的媒體查詢。