我在 Google 上搜索了移动视口，发现它是一个虚拟窗口，大多数移动浏览器都会在其中呈现页面。
但是当我在网上搜索我的索尼 xperia sp 手机视口大小时，This site 告诉我我的视口大小是 360 像素，这比我的屏幕分辨率宽度 (720 像素)(1280*720 像素) 太小了。
我有点困惑，谁能简单解释一下这里发生了什么？
【问题讨论】：
基本上，现代屏幕的每英寸像素分辨率比传统桌面显示器高得多。但它们不是在屏幕上显示两倍的信息，而是以两倍的密度显示相同的信息。
例如，传统的桌面显示器只有 72 PPI，而我的 Galaxy Note 3 有 388 PPI。但手机制造商意识到，即使整个网站可以清晰地显示在显示屏上，查看缩小版的网站也不是很有用。因此，每个设备的 CSS 像素比率都在 1 到 3 之间，这意味着它将每个 CSS 像素放大 1-3 倍，使其大小与桌面显示器上的大小大致相同。
例如，我的 Note 3 的原始分辨率为 1080x1920，但 CSS 像素比为 3。这意味着它向网站报告其分辨率为 1080/3 x 1920/3 = 360 x 640。
因此，从您的示例来看，您的手机的 CSS 像素比可能为 2。
您可能会发现此图表很有用：http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density 它列出了大多数手持设备、它们的原生显示分辨率和它们的 CSS 像素密度。您可以通过将显示分辨率除以像素密度来计算他们向网站报告的视口。
【讨论】：
该维基百科链接指向已删除的页面。我不得不使用 Wayback 机器来查看 CSS 比率的图表。我想知道维基百科上的其他数据可能存在于哪里，我不确定在哪里可以找到它。选择 2012 年页面编辑频率最高的文章。
抱歉，我将其作为评论，但目前还不能这样做。
【讨论】：