视口分辨率(CSS规则)
这是设计师和开发人员最感兴趣的分辨率,因为它决定了断点和媒体查询的定义。通常只讨论此分辨率。
关于 Generic device on Android,它是:
- 360 像素 宽度
- 800 像素 高度 ⚠️ 高度仅供参考,因为Safari、Chrome等浏览器会减少可见区域
ℹ️ 某些分析工具仅显示制造商分辨率(如下),而不显示上面显示的分辨率,因此在解释结果时请注意。
在模拟器中可用
测试您的响应式网站 Generic device on Android 通过浏览器扩展。
免费且可在两次点击中激活。
像素密度
在 Generic device on Android 上,它是 2
如果您希望在CSS中针对至少具有此像素密度的设备,可以使用此媒体查询。
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* CSS */
}
同样在JavaScript中,可以获取像素密度的值。
window.devicePixelRatio
// 这将返回数字 2
制造商分辨率 Generic device on Android
鉴于像素密度,这给出:
- 720 宽度像素
- 1600 高度像素
免费高清PNG模型

保存