gpt4 book ai didi

html - 如何在 Chrome 模拟器中测试 motorola g 中的站点?

转载 作者:行者123 更新时间:2023-11-28 21:00:43 25 4
gpt4 key购买 nike

我正在 chrome 的所有移动模拟器中测试我的网站。

enter image description here

此处无法使用 moto g 模拟器。我的测试团队在 moto g 中说出了问题。有人可以帮助如何测试摩托罗拉。

提前致谢。

最佳答案

我认为 Mibit 说得不太对。虽然 Moto G 的屏幕分辨率可能为 720 x 1280,但网站不会以此分辨率显示。

CSS 规范定义了所谓的引用像素,它允许具有高密度显示器的设备以与具有较低像素密度的显示器相似的尺寸显示相同的内容。引用像素用于所有 CSS 和网站渲染,并确定视口(viewport)大小。

例如,MotoG3 的视口(viewport)大小为 360x640。设备像素比为 2,这意味着网络看到的每个 css 像素实际上是 2 个物理屏幕像素宽,或者由 4 个物理像素表示。这就是为什么 chrome 模拟 MotoG3 的正确模拟器设置是:

屏幕尺寸:360x640px

设备像素比:2

用户代理(可能因浏览器而异):Mozilla/5.0(Linux;Android 6.0.1;XT1540 Build/MMB29U)AppleWebKit/537.36(KHTML,如 Gecko)Chrome/51.0.2704.81 Mobile Safari/537.36

为了显示在模拟器中使用物理屏幕分辨率和引用像素分辨率之间的区别,以下屏幕截图显示了 google 在这两种配置中的样子:

Using 720x1280px

Using the correct 360x640px

您可以清楚地看到,使用 360x640 像素和 2 的 DPR 可以正确模拟手机屏幕上应该显示的内容

关于html - 如何在 Chrome 模拟器中测试 motorola g 中的站点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32068203/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com