移动视口大小是基于浏览器还是屏幕分辨率？

Question

移动电话中的视口是基于屏幕分辨率还是移动浏览器？ 下面是一些流行的手机浏览器窗口大小：

-Opera手机浏览器窗口850像素

-iPhone Safari浏览器视窗980px

-iPad（风景&肖像模式）视980px 移动设备？ -Android浏览器视口800px

-IE手机浏览器视口320px source。 但是，通过分辨率缩放的视口大小是

Answer 1

从技术上讲，移动设备具有两种视口大小，即布局视口和可视视口。

布局视口是固定的，因为它基于物理设备的屏幕宽度和高度。其尺寸可以通过JavaScript中的screen.width和screen.height属性和device-width属性进行访问，以用于CSS3中的媒体查询。

可视视口由浏览器窗口的宽度和高度决定。其尺寸可以通过JavaScript中的window.innerWidth和window.innerHeight属性和width属性进行访问，以用于CSS3中的媒体查询。