css - 如何根据用户操作系统更改 CSS

Question

我如何编写在 Mac OS 和其他操作系统版本上处理不同效果的 CSS。

即

.(mac){
      height: 100%;
      width: 100%;
      overflow: hidden;
}


 .(win and linux){
      height: 100%;
      width: 100%;
      overflow: scroll;
}

Answer 1

你不能用纯 CSS 做到这一点，你可以用 JavaScript 检测像 MAX 或 WIN 这样的操作系统，然后用它来加载不同的 CSS 样式。

您可以使用 window.navigator 的结果来查找有关操作系统的信息。

console.log(window.navigator);