2012-11-11 73 views
0

我得到的分辨率是星系连接720x1280。但是当我调用$(window).width()时,它只返回360px。无论如何要计算其他设备上$(window).width()的值吗?举个例子,galaxy s 480x800?我需要这些值为我的媒体查询:移动设备分辨率和浏览器视口大小

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

回答

2

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

忘掉宽度(固定宽度至少),并使您的网站设备不可知论者。不要将您的断点建立在流行的设备解决方案基础上,而应将其基于您的内容。继续浏览这个浏览器窗口,直到你看到“那看起来不正确”的直觉 - 这就是你的下一个断点。

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

我建议由克里斯·阿姆斯特朗给这篇文章读:http://www.alistapart.com/articles/the-infinite-grid/(ALA虽然看似暂时脱机)

如果我错过了问题,请恰倒投票点,但我敢肯定这是你正在寻找的。