0

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

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

我刚开始使用一些非常基本的代码，它依赖于 userAgent：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) )

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

4

1 回答 1

3

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

于 2012-12-10T15:52:12.783 回答