模糊移动屏幕分辨率

Question

我的手机真正的分辨率是多少？CSS检测到的分辨率。

这款手机是三星的S6。其工厂规格显示分辨率为1440 px2560 of。

然而，当我使用css @media(max-width:...px)检测屏幕分辨率时，移动浏览器的作用就好像它在768 to和991 to宽度之间。

使用谷歌的铬检测工具并切换到移动视图，三星S5的分辨率为360 px640 S5。

那么，这一切的真正解决方案是什么呢？

Answer 1

屏幕大小和屏幕分辨率是不一样的。你好像把两个人搞混了。

Google的web开发工具检测屏幕大小(如屏幕的宽度)，而不是屏幕分辨率。

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

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

总之，google检查工具获取设备的物理屏幕大小并对其进行仿真，它并不模拟屏幕分辨率，而屏幕分辨率本质上是文本/图像输出的质量。

Answer 2

公认的答案似乎是不正确的。

@OP这里是你需要知道的：

屏幕大小是屏幕的物理大小，以英寸为单位。

屏幕分辨率是构成屏幕的像素数，以像素为单位进行测量。

您的手机的分辨率为1440x2560，如规范表中所述。

那么，为什么CSS的作用就像分辨率更低呢？这是因为您在移动设备上看到的屏幕内容是在中放大的。

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

因此，如果缩放量为200%，CSS认为屏幕为720x1280。如果400% (就像你的手机上的情况一样)，CSS认为360x640。等等..。