根据浏览器解析重定向URL

Question

如果用户使用的分辨率小于1024x600，我希望它将他们重定向到我的网站的移动版本。现在我使用的是JQuery，如果分辨率低于1024x600，它会被重定向到移动版。我担心这是否是一个好的做法(使用脚本重定向)，如果是现在，你有什么建议(因为据我所知PHP不能检测浏览器的分辨率)？

如有任何建议，我们将不胜感激，谢谢。

PS。我使用的是全高网站，分辨率在1024x600或更大时看起来很不错，但在较小的分辨率下就不行了，所以我把移动版改成了全高网站和移动支持。我不想使用浏览器检测，因为我想要大分辨率的移动设备访问标准网站。

编辑:我被传下来一个全高的单页水平站点的设计，我在使它响应方面有困难(如果内容是流动的，那么它就不会是全高的，没有垂直滚动)，所以我做了一个移动版本。

Answer 1

根据特定情况，重定向到另一个页面是完全没有问题的。但是，还有一些其他更好的方法可以做到这一点。

要解决您的问题，请了解types of layouts。

流畅的布局将最适合您的需求。理想情况下，您应该对不同的视口使用相同的样式表集合。

看看jQuery mobile的网站。试着改变你的浏览器窗口大小，看看内容是如何自动“适应”你的窗口的。你必须做同样的事情。:)

这是一个流畅的布局。:)

PS :我建议不要使用CSS媒体查询。当然，它们会让你的生活变得轻松很多，但如果你真的想提高你的技能，只要CSS存在，试着用最少的高级功能来构建你的东西。

Answer 2

也许最好的做法是使用CSS媒体查询来根据用户的屏幕尺寸提供不同的CSS，除非您的移动站点和桌面站点完全不同。

您说得对，PHP不能确定最终用户的屏幕尺寸。

Answer 3

最干净的设计是从服务器获取一组HTML/JS/CSS，页面使用CSS媒体查询和/或javascript的某种组合来适应可用的屏幕大小。

如果您不能做到这一点，或者如果您有其他原因想从服务器获取不同的HTML，那么最好找到一种方法来避免所有时间的客户端重定向，因为这些额外的往返是不可取的(特别是在移动设备上)。

有些站点在浏览器中设置了一个cookie，其中包含屏幕分辨率，除了第一次访问站点之外，服务器可以在呈现站点之前看到cookie中的屏幕分辨率，您可以避免客户端重定向，并且可以根据cookie中的分辨率呈现所需的页面。

对于第一次访问(当还没有设置cookie时)，您需要执行客户端重定向并设置cookie。

然后，如果用户更改了屏幕分辨率(这种情况并不经常发生)，您还必须修改该cookie。