我正在开发一个网站,想要查看它在Google Pixel和Google Pixel XL设备上的效果。由于我无法访问这些设备,因此我需要知道这些设备的视口宽度、高度和设备像素比。
我尝试在Google上搜索,但仍然找不到有用的信息。最新版的Chrome也没有在开发者工具中列出这些设备的尺寸。
如果有人能够访问这些设备并找出所需的信息,那将非常有帮助。
我正在开发一个网站,想要查看它在Google Pixel和Google Pixel XL设备上的效果。由于我无法访问这些设备,因此我需要知道这些设备的视口宽度、高度和设备像素比。
我尝试在Google上搜索,但仍然找不到有用的信息。最新版的Chrome也没有在开发者工具中列出这些设备的尺寸。
如果有人能够访问这些设备并找出所需的信息,那将非常有帮助。
Pixel和Pixel XL都列出了css像素分辨率为411×731,设备像素比分别为2.6和3.5。
来源:https://material.io/devices/,这是一个Google网站。
然而,这很奇怪,因为大多数手机随着屏幕大小的增加会获得更多的有效像素,而不仅仅是放大并获得更高的dppx(每像素点数)。
虽然这与Lord Flash从较小的Pixel的屏幕截图相符合,但无法验证Pixel XL。如果有人可以发布从Pixel XL的屏幕截图,我可以确定缩放比例。
你手头上有 Google Pixel 吗?
使用 JS 代码加载页面
var viewport = {
width : $(window).width(),
height : $(window).height()
};
alert(viewport.height);
alert(viewport.width);