gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 00:08:53 25 4
gpt4 key购买 nike

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

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

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

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

是否有一种干净的方法来实现我想用 JQuery 做的事情?

最佳答案

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

关于javascript - 使用 JQuery 将网站切换到移动 css 客户端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13804322/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com