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

html-css024

windows和mac css样式怎么兼容问题,第1张

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是蓝色的

}

1、在菜单中单击“文件”选择“新建”

2、在新建文档窗口，选择“空白页”―“HTML”，文档类型选择“XHTML1.0 transitional”,单击“创建”按钮

3、将插入点放在文档中，然后在菜单栏单击“格式”，在弹出的下拉菜单中选择“CSS样式”―“新建”

4、在“ 新建 CSS 规则” 对话框中，指定要创建的 CSS 规则的选择器类型：

若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式，请从“ 选择器类型” 弹出菜单中选择“ 类” 选项，然后在“ 选择器名称” 文本框中输入样式的名称。