失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 360 chrome html兼容 CSS 针对谷歌或者360(Chrome) safari的webkit核心浏览器 兼容性

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

时间:2019-07-15 03:41:20

相关推荐

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

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

参见:/css-hack/c263.shtml

css谷歌浏览器cssChromecss 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;}

}

如果觉得《360 chrome html兼容 CSS 针对谷歌或者360(Chrome) safari的webkit核心浏览器 兼容性》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。