模棱两可的手机屏幕分辨率

Ambiguous mobile screen resolution

我的phone真实分辨率是多少? CSS检测到的分辨率。

phone 是三星 S6。其出厂规格显示分辨率为 1440px x 2560px。

当我使用 css @media(max-width:...px) 检测屏幕分辨率时,移动浏览器的行为就好像它的宽度介于 768px 和 991px 之间。

使用 Google chrome 检查工具并切换到移动视图,显示三星 S5 的分辨率为 360px x 640px。

那么所有这一切的真正解决方案在哪里?

屏幕尺寸和屏幕分辨率不一样。你似乎混淆了两者。

Google 的网络开发人员工具检测屏幕尺寸(如屏幕宽度)而不是屏幕分辨率。

屏幕分辨率是指屏幕上显示的文字和图像的清晰度。

在更高的分辨率下,例如 1600 x 1200 像素,项目看起来更清晰。

总结一下; google 检查工具获取设备的物理屏幕尺寸并模拟它们,它不模拟屏幕分辨率,后者本质上是 text/images 的输出质量。

接受的答案似乎不正确。

@OP 这是你需要知道的:

屏幕尺寸 是屏幕的物理尺寸,以英寸为单位。

屏幕分辨率是组成屏幕的像素数,以像素为单位。

您的 phone 的 分辨率 为 1440x2560,如规范 sheet 中所述。

那么为什么 CSS 表现得好像分辨率较低?这是因为您在移动设备上看到的屏幕内容放大了

这样做是因为在只有约 6 英寸的 1440x2560 显示器上以 100% 大小显示文本等会使文本变得太小以至于难以辨认。

因此,如果缩放量为 200%,CSS 认为屏幕为 720x1280。如果是 400%(您的 phone 似乎就是这种情况),CSS 认为是 360x640。等等...