CSS - 针对不同浏览器的写法

火狐浏览器：

@-moz-document url-prefix() {
/*这段区域的样式代码只在firefox起作用*/
	.x{
		width: 100px;
		height: 100px;
		background: #fff;
	}
}

　　

谷歌浏览器：

1. 用媒体查询
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Chrome- and Safari-specific CSS here*/
	.x{
		width: 100px;
		height: 100px;
		background: #fff;
	}
}

2. 用JS检查 window.chrome，然后 document.head.appendChild( StyleSheetLink )

　　

转载于:https://www.cnblogs.com/fxmbz/p/5258603.html