CSS 针对谷歌或者360(Chrome) safari的webkit核心浏览器 兼容性处理

参见：http://www.divcss5.com/css-hack/c263.shtml



css 谷歌浏览器css Chrome css safari浏览器识别CSS
hack

我们知道和会运用CSS IE 火狐浏览器之间的区别DIV+CSS HACK，这里为大家再介绍下区别谷歌浏览器(Chrome)苹果浏览器(safari)与IE之间的hack;

只有webkit核心浏览器的谷歌浏览器、safari浏览器识别的CSS hack

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;}
}

我的例子：

//其它浏览器
#login_r3_c1{ height:260px;}
#login_r4_c2{ height:27px;}
#login_r6_c2{ height:27px;}
#login_r4_c10{ height:92px;}
//谷歌或者360极速模式:
@media screen and (-webkit-min-device-pixel-ratio:0) {
#login_r3_c1{ height:262px;}
#login_r4_c2{ height:28px;}
#login_r6_c2{ height:28px;}
#login_r4_c10{ height:94px;}
}