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

参见：http://www.divcss5.com/css-hack/c263.shtml css 谷歌浏览器cssChromecss safari浏览器识别CSS hack 我们知道和会运用CSS IE 火狐浏览器之间的区别 DIVCSS HACK，这里为大家再介绍下区别谷歌浏览器(Chrome)苹果浏览器(safari)与IE之间的hack; 只有web

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

}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！