移动设备分辨率和浏览器视口大小

Question

我得到了星系连接，分辨率为720x1280。但是当我调用$（window）.width（）时它只返回360px。反正在其他设备上计算$（window）.width（）的值吗？例如，galaxy s 480x800？我的媒体查询需要这些值：

@media only screen and (min-width: 360px){
    body{
        font-size: 62.5%;
    }
}

Answer 1

我不知道你是否会喜欢我的答案..但是这里有。

忘记宽度（至少固定宽度），并使您的网站与设备无关。不要将断点基于流行的设备分辨率，而是将其基于您的内容。继续拉伸浏览器窗口，直到你得到“看起来不正确”的直觉 - 这是你的下一个断点。

尽可能保持流畅并依赖相关单位 - 即使是在您的媒体查询声明中。

我建议Chris Armstrong给这篇文章读一读：http://www.alistapart.com/articles/the-infinite-grid/（尽管ALA似乎暂时脱机）

如果我错过了问题的重点，请投票，但我很确定这就是你要找的。