模糊的移动屏幕分辨率

Question

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

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

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

使用谷歌浏览器检查工具并切换到移动视图，它显示三星S5的分辨率为360px x 640px。

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

Answer 1

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

Google的网页开发者工具会检测屏幕尺寸（如屏幕宽度），而不是屏幕分辨率。

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

在较高分辨率下，例如1600 x 1200像素，项目会显得更清晰。

总结;谷歌检查工具获取设备的物理屏幕大小并模拟它们，它不模仿屏幕分辨率，这实际上是文本/图像输出的质量。