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

标签 html css mobile screen-resolution

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

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

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

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

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

最佳答案

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

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

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

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

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

关于html - 模棱两可的手机屏幕分辨率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41482903/

相关文章:

javascript - 从表单数组中获取表单内容

javascript - 在 iPad 2 上用 HTML5 绘制粒子的最有效方法

javascript - 将 CSS 宽度作为公式而不是计算值返回

security - 通过移动应用程序安全授权支付的协议(protocol)(算法)

html - Wordpress 导航子/父

javascript - 使用过滤器在 Canvas 中打印错误

javascript - 更改 Canvas 外菜单的高度会导致水平滚动

c# - 二维程序世界生成的动态多维数组

javascript - 设置焦点动态创建的文本区域

jquery - 定位 div 并在使用 jquery 滚动一定量后移动它