屏幕分辨率检测

Question

我知道提出了类似的问题，但这是不同的。

简介：我很想建立一个具有自适应设计的网站（3个宽度间隔的模板如下：1200 + px，600-1200px，600-px）。

问题：用户屏幕宽度检测非常困难。 我知道只有js可以检测用户屏幕大小，所以我尝试了两种检测方式。 1.首先我使用cookie来存储宽度，但因为cookie只在刷新后才变为活动状态我需要刷新页面。 2.第二个o用于通过GET发送宽度作为参数但是我需要刷新页面以发送参数。

所以问题是：有没有办法在没有页面刷新的情况下获得屏幕大小（要存储在cookie /会话中的值）。我需要在第一次访问页面时提供正确的模板。

如果没有解决方案（只需要使用refrest）进行宽度检测，如何解决爬虫问题，以便他们看不到重定向。

Answer 1

也许我在这里遗漏了一些东西，但你应该使用@media查询https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries 和 http://css-tricks.com/snippets/css/retina-display-media-query/

Answer 2

我认为你正以错误的方式接近这一点。肯定是css @media查询是这样做的吗？

如果由于某种原因你需要Javascript中的宽度，那么你可以做

jQuery的：

$(document).width();

JavaScript的：

document.body.clientWidth

如果可以，我会修改你的方法吗？

Answer 3

我最终使用的是DDR（设备描述存储库），正是这一个：http://wurfl.sourceforge.net/ 它工作得很好，并给firefox带来了很多好处。 无需使用CSS OR JS。