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

Question

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

即

.(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);