Javascript 使用JQuery将网站切换到移动css客户端

我正在尝试根据浏览器版本和屏幕空间更改网页的显示。我需要完全改变页面的外观，如下所示：

• 如果网站显示在手机上，我想要迷你版
• 如果网站显示在桌面浏览器上，但窗口太小，我想要迷你版
• 如果站点显示在桌面浏览器上，并且窗口可以容纳完整版本，我希望显示完整版本
• 如果没有可用的javascript，则应显示完整版本

我刚开始编写一些非常基本的代码，这些代码依赖于userAgent：

if（/Android | webOS | iPhone | iPad | iPod | BlackBerry/i.test（navigator.userAgent））

---

例如，有没有一种干净的方法来实现我试图用JQuery做的事情？

使用。嗅探用户代理是不可靠的，并且会导致将来的维护问题。此外，使用媒体查询意味着不需要javascript，从关注点分离的角度来看，这很好。

使用。嗅探用户代理是不可靠的，并且会导致将来的维护问题。此外，使用媒体查询意味着不需要javascript，从关注点分离的角度来看，这很好。

相关：。顺便问一下，如果客户端不支持Javascript，您真的希望显示完整的站点吗？@asgs这是我找到查询移动浏览器的当前方法的地方。但我对硬编码版本不太满意。相关：。顺便问一下，如果客户端不支持Javascript，您真的希望显示完整的站点吗？@asgs这是我找到查询移动浏览器的当前方法的地方。但我对硬编码版本不太满意。