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

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 似乎暂时离线）

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