谷歌浏览器css兼容代码
今天做139site.com观看影视记录发现一个难题，解决ie6、7、8、9，火狐所以版本兼容问题，客户测试发现谷歌和safari浏览器有异常，在互联网发展迅猛的今天，放弃一个浏览器，意味失去不可估量的用户，最后通过一下代码解决了。特此记录，见证成长！
谷歌浏览器、Chrome、safari浏览器识别CSS hack
只有谷歌浏览器苹果浏览器读取CSS代码：
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit内核兼容CSS */
}
范例：
@media screen and (-webkit-min-device-pixel-ratio:0) {
.yangshi1{color:#f00}
.yangshi2{border:1px solid #f00;}
.yangshi3{background:#f00;}
}
HTML代码：
<div class="yangshi1">css样式1</div><br />
<br />
<div class="yangshi2">divcss5样式2</div><br />
<br />
<div class="yangshi3">div+css样式3</div>
总DIV CSS代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>谷歌浏览器和safari webkit区别其它浏览器css hack演示</title>
<style type="text/css">
@media screen and (-webkit-min-device-pixel-ratio:0) {
.yangshi1{color:#f00}
.yangshi2{border:1px solid #f00;}
.yangshi3{background:#f00;}
}
</style>
</head>
<body>
<div class="yangshi1"><a href="http://www.35ui.cn">css</a>样式1</div><br />
<br />
<div class="yangshi2"><a href="http://www.35ui.cn">divcss5</a>样式2</div><br />
<br />
<div class="yangshi3"><a href="http://www.35ui.cn">div+css</a>样式3</div>
</body>
</html>
可自己动动手复制以上完整演示代码，增加记忆和使用技巧知识.
原文地址：http://www.35ui.cn/post/20120910687.html 标签：css兼容代码