CSS

分类: IT文章 • 2024-03-01 13:06:54

火狐浏览器：

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

谷歌浏览器：

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

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

CSS

相关推荐