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