各浏览器css hack-kb88凯时官网登录

时间:2018-08-19
阅读:
免费资源网,https://freexyz.cn/

针对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} }

除了添加css hack以外,还应该给每个css hack加上注释,这样才能熟记于心,希望大家找到适合自己的方法。

免费资源网,https://freexyz.cn/
返回顶部
顶部
网站地图