windows和mac css样式怎么兼容问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了windows和mac css样式怎么兼容问题相关的知识,希望对你有一定的参考价值。

CSS和系统无关,和浏览器有关

要在windows和mac使用不同的样式,可以通过 userAgent 判断系统,为 body 增加系统的类名。

JS

if (navigator.userAgent.indexOf('Mac OS X') !== -1) 
  $('body').addClass('mac');
 else 
  $('body').addClass('pc');

CSS

.mac div 
  color: red; // mac下的div是红色的


.pc div 
  color: blue; // window和其他系统的div是蓝色的

参考技术A 这个没区别吧

以上是关于windows和mac css样式怎么兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

css3中的样式兼容性问题怎么弄?

兼容模式下ie9和ie10显示样式在不兼容模式下为啥不加载css样式?

mega兼容性mac

怎么解决bootstrap在各版本IE浏览器中的兼容性问题???

css 兼容性问题

bootstrap 兼容哪些浏览器