针对Chrome和Safari等Webkit核心浏览器的CSS hack代码
针对Chrome和Safari等Webkit核心浏览器的CSS hack代码
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit内核兼容CSS */
}
示例:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.font1 {color:#f00}
.border1 {border:1px solid #f00;}
.bg3 {background:#f00;}
}
除此之外,还有专门针对某个浏览器的CSS hack方法,如针对Webkit核心浏览器和Opera的写法:
/*Webkit and Opera*/
@media all and (min-width:0px){
.font1 {color:red;}
}
针对Opera浏览器的写法:
/*Opera*/
@media all and (-webkit-min-device-pixel-ratio:10000),not and all (-webkit-min-device-pixel-ratio:0) {
.font1 {color:red;}
}
针对Firefox浏览器的写法:
/*Firefox*/
@-moz-document url-prefix() {
.font1 {color:red}
}
摘自:http://hi.baidu.com/odvbo/item/42d7c373d5d9444cee1e53a8
写法:
@media screen and (-webkit-min-device-pixel-ratio:0) {.send_moxin textarea{height:164px;}}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步