如何根据用户操作系统更改 CSS [英] How to change CSS according to user Operating System

问题描述

我如何编写 CSS 来处理在 Mac OS 和其他 OS 版本上不同的效果.

How can i write CSS that handle a different effect on Mac OS and different on other OS versions.

即

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


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

推荐答案

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

You cannot do this with pure CSS, you can detect OS like MAX or WIN with JavaScript, and then use that to load different CSS styles.

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

You can use the result of window.navigator to find information about the OS.

console.log(window.navigator);

这篇关于如何根据用户操作系统更改 CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！