模棱两可的手机屏幕分辨率
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。等等...
我的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。等等...