参见: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;}
}