如何根据用户操作系统更改 CSS答案

【问题标题】：How to change CSS according to user Operating System如何根据用户操作系统更改 CSS
【发布时间】：2016-08-18 16:10:44
【问题描述】：

如何编写 CSS 来处理 Mac OS 上的不同效果以及其他 OS 版本上的不同效果。

即

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


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

【问题讨论】：

您可以使用 JavaScript 检查操作系统（或者实际上，浏览器 user agent 会告诉您其操作系统），并动态加载您的 CSS 文件
好的，非常感谢，让我简短介绍一下。
stackoverflow.com/questions/11219582/…

标签： css html google-app-engine responsive-design less

【解决方案1】：

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

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

console.log(window.navigator);

【讨论】：

感谢您的回答。 console.log( window.navigator.appVersion.indexOf('Mac') ) 效果最好。