0

我知道有人问过类似的问题，但这是不同的。

简介：我正在尝试制作一个具有自适应设计的网站（3 个模板，3 个宽度间隔如下：1200+px、600-1200px、600-px）。

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

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

如果宽度检测没有解决方案（仅需要 refrest），如何解决爬虫的问题，这样他们就不会看到重定向。

4

3 回答 3

2

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

于 2013-09-25T11:30:57.267 回答
0

我最终使用了一个 DDR（设备描述存储库），正是这个：http : //wurfl.sourceforge.net/ 它工作得很好，并且在 Firefox 上提供了很多细节。无需使用 CSS 或 JS。

于 2013-10-17T11:27:44.087 回答
0

我认为您以错误的方式处理此问题。当然 css @media 查询是这样做的方法吗？

如果由于某种原因您确实需要 Javascript 中的宽度，那么您可以这样做

jQuery：

$(document).width();

JavaScript：

document.body.clientWidth

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

于 2013-09-25T11:37:56.497 回答