Google Pixel 和 Google Pixel XL 设备的视口宽度、高度和设备像素比是多少答案

【问题标题】：What is the view port width, height and device pixel ratio for the devices Google Pixel and Google Pixel XLGoogle Pixel 和 Google Pixel XL 设备的视口宽度、高度和设备像素比是多少
【发布时间】：2016-11-17 14:16:28
【问题描述】：

我正在开发一个网站，想看看它在 Google Pixel 和 Google Pixel XL 设备上的工作原理。由于我无法访问这些设备，因此我需要知道这些设备的视口宽度、高度和设备像素比。

我已尝试在 Google 上搜索，但仍然找不到任何有用的信息。最新的 Chrome 也没有在开发者工具中列出这些设备的尺寸。

如果任何有权访问这些设备的人都能找出所需的信息，那将非常有帮助。

【问题讨论】：

分辨率像素：1,080 x 1,920 像素 (441ppi) 像素 XL：1,440 x 2,560 像素 (534ppi)
@mlegg ：这不是我要找的。您给出的是物理像素的数量。但我想知道视口大小。

标签： javascript android html css

【解决方案1】：

Pixel 和 Pixel XL 的 css 像素分辨率均为 411×731，设备像素比分别为 2.6 和 3.5。

来源：https://material.io/devices/，这是一个 Google 网站。

这很奇怪，考虑到大多数手机会随着屏幕尺寸的增加而获得更多有效像素，而不是仅仅将所有内容放大并获得更高的 dppx（每像素点数）。

这与 Lord Flash 从较小的 Pixel 截取的屏幕截图不谋而合；但无助于验证 Pixel XL。如果有人可以发布 Pixel XL 的屏幕截图，我可以从中确定缩放比例。

【讨论】：

感谢 Jhonny5k。您分享的链接很有帮助。

【解决方案2】：

普通像素的分辨率为 1080 x 1920 像素（~441 ppi 像素密度）

Pixel XL 的分辨率为：1440 x 2560 像素

这里也是正常的截图。随意衡量你想要的任何方面：

【讨论】：

【解决方案3】：

你有谷歌像素吗？

用JS代码加载页面

var viewport = {
    width  : $(window).width(),
    height : $(window).height()
};


alert(viewport.height);
alert(viewport.width);

【讨论】：

我没有随身携带。