javascript - 如果设备在移动设备上，则更改 css

Question

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

知道我该怎么做吗？

Answer 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 等。你将不得不手动添加他们的用户代理。