媒体查询写浏览器兼容适配

Posted javenLee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了媒体查询写浏览器兼容适配相关的知识,希望对你有一定的参考价值。

ie11浏览器:

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
     //这里开始写样式

}

火狐浏览器:

@-moz-document  url-prefix() {
 //这里开始写样式
}

 

以上是关于媒体查询写浏览器兼容适配的主要内容,如果未能解决你的问题,请参考以下文章

响应式媒体查询小记

前端移动端适配 - 媒体查询适配方案

前端移动端适配 - 媒体查询适配方案

@support浏览器兼容判断 以及 @media媒体查询

移动端适配rem

0082 rem适配方案:less+rem+媒体查询flexible.js+rem