如果设备在移动设备上，则更改 css答案

【问题标题】：Change css if device is on mobile如果设备在移动设备上，则更改 css
【发布时间】：2018-03-07 08:52:47
【问题描述】：

我已经针对不同的屏幕尺寸执行了媒体查询，但是如果在移动设备上查看网站，我希望有不同的 css。因此，即使桌面和移动设备上的屏幕相同min-width，我也希望拥有不同的 css。

知道我该怎么做吗？

【问题讨论】：

stackoverflow.com/questions/14942081/…的可能重复
How to load different css file depending on window width: smaller size not recognized的可能重复
What is the best way to detect a mobile device in jQuery?的可能重复

标签： javascript jquery html css responsive-design

【解决方案1】：

可以使用 userAgent 吗？

loadUserAgent () {
  let UA = navigator.userAgent;
  if(UA.match(/Android/) || UA.match(/iPhone/) || UA.match(/BlackBerry/) || UA.match(/iPod/) || UA.match(/Windows Phone/) || UA.match(/iPad/) || UA.match(/webOS/)) 
  {
    this.isMobile = true;
  }
}

如果您想支持其他设备，例如 Blackberry、Opera Mini 等。您将不得不手动添加它们的用户代理。

【讨论】：