是移动视口尺寸大于屏幕尺寸？

Question

我对移动视口进行了搜索，发现它是大多数移动浏览器在其中呈现页面的虚拟窗口。

视口宽于屏幕。 here和​​

，但是当我在网上搜索我的索尼XPERIA SP手机视窗大小，This site告诉我，我的视口大小是360像素，这比我的屏幕分辨率宽度（720像素）（1280 * 720像素过小）。

我有点困惑，任何人都可以简单地解释一下这里发生了什么？

Answer 1

基本上，现代屏幕比传统桌面显示器具有更高的每英寸像素分辨率。但不是在屏幕上显示两倍的信息，而是以两倍的密度显示相同的信息。

例如，传统的桌面显示屏只有72 PPI，而我的Galaxy Note 3有388 PPI。但是手机制造商意识到，即使整个显示屏可以清晰地显示出来，查看网站缩小版本也不是很有用。相反，每个设备的CSS像素比率都介于1和3之间，这意味着它会将每个CSS像素放大1-3倍，以使其与桌面监视器上的大小大致相同。

我例如注3具有1080×1920的原始分辨率，但是为3的CSS像素比这意味着它报告给网站其分辨率是三分之一千零八十零X三分之一千九百二十= 360°×640

因此，从您的示例中，您的手机的CSS像素比例可能为2.

您可能会发现此图表非常有用：http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density它具有大多数手持设备的列表，它们的本机显示分辨率和它们的CSS像素密度。您可以通过将显示分辨率除以像素密度来计算将视频报告给网站的内容。

Answer 2

维基百科链接是一个删除页面。我不得不使用backback机器来查看CSS比率图表。我想知道维基百科上还有哪些数据可以存在，我不确定在哪里可以找到它。从2012年选择一篇文章，其中页面的编辑频率最高。

https://web.archive.org/web/20120501000000*/http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

对不起，我会把这个作为一个评论，但不能这样做呢。