根据浏览器分辨率重定向URL

Question

如果用户使用的分辨率小于1024x600，我希望将其重定向到我的网站的移动版本。 现在，我使用JQuery进行操作，如果分辨率小于1024x600，它将被重定向到移动版本。 我担心这是否是一个好习惯（使用脚本重定向），如果现在是您的建议（因为据我所知PHP无法检测浏览器分辨率）？

任何建议将不胜感激，谢谢。

PS。 我使用的是全高网站，分辨率为1024x600或更大，看上去不错，但是在较小的网站上却没有，因此我制作了移动版本，以配合全高网站和移动支持。 我不想使用浏览器检测，因为我希望具有高分辨率的移动设备可以访问标准网站。

编辑：我被传授了一个全高单页水平站点的设计，并且我很难使其具有响应性（如果内容是流畅的，那么它就不会在没有垂直滚动的情况下成为全高）移动版本。

Answer 1

根据某些情况重定向到另一个页面是绝对好的。 但是还有其他更好的方法可以做到这一点。

要解决您的问题，请了解布局类型 。

流体布局将最适合您的要求。 理想情况下，您应该为各种视口使用同一套样式表。

看一下jQuery mobile的网站。 尝试更改浏览器窗口的大小，然后查看内容如何自动“适合”您的窗口。 您必须做同样的事情。 :)

它的布局很流畅。 :)

PS：我建议不要使用CSS媒体查询。 当然，它们将使您的生活更加轻松，但是，只要您愿意，只要CSS能够真正提高您的技能，就可以尝试使用最少的高级功能来构建自己的东西。

Answer 2

最佳实践可能是使用CSS媒体查询根据用户的屏幕尺寸提供不同的CSS，除非您的移动网站和桌面网站完全不同。

没错，PHP无法确定最终用户的屏幕尺寸。

Answer 3

最干净的设计是从服务器上获取一组HTML / JS / CSS，并且页面使用CSS媒体查询和/或javascript的某种组合使其自身适应可用的屏幕尺寸。

如果您无法执行此操作，或者您有其他原因想要从服务器中获取不同的HTML，则最好一直寻找一种避免客户端重定向的方法，因为这些额外的往返操作是不可取的（尤其是在移动）。

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

对于第一次访问（尚未设置cookie的情况），您需要进行客户端重定向并设置cookie。

然后，如果用户更改其屏幕分辨率（这种情况并非经常发生），则还必须修改该cookie。