css - 为什么我的 Android 设备宽度是 980px?

标签 css responsive-design media-queries

我很困惑。我正在尝试通过使用媒体查询来使网站响应。

根据大多数来源,例如 this ,用于智能手机的 mediq-query 是 max-device-width: 480pxmin-device-width: 320px

但是当我使用这些查询时,我的 android 2.x 仍然显示页面的“计算机版本”。所以我开始更改查询中的值,并注意到我的手机的设备宽度似乎为 980px..

这是为什么呢?我真的很想掌握这一点,当然我会很高兴在使用 980 时它能正常工作,但我想知道发生了什么以及为什么?我的意思是我的手机不应该是 980 像素宽或高,这是某种像素密度问题吗?

最佳答案

我知道这个问题很老,但对于 future 看到这个的人来说,这很可能是因为 OP 没有设置正确的元标记。将此添加到标题中。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

关于css - 为什么我的 Android 设备宽度是 980px?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15876964/

相关文章:

javascript - 使用 JavaScript 仅为在父级中单击的子级更改类

twitter-bootstrap - 为什么 Twitter Bootstrap 使用像素作为字体大小?

html - 只有 2 个单元格的响应式 css-grid

javascript - 如何发现具有最大字体大小的元素

html - JqueryMobile 将输入文本放置在图标图像旁边

css - bootstrap 等高 div(响应式设计)

html - 媒体查询和默认功能更改

html - 为什么我的媒体查询不适用?

javascript - 定义内联 javascript 表达式的替代方法