IE11兼容性问题:padding左右内边距大一倍

 分类:浏览器兼容性问题时间:2017-04-11点击:

   

IE11兼容性问题:padding左右内边距大一倍  

    作为web前端开发的你,提到IE浏览器应该很头疼,幸好现在是2017年了,到退几年会被IE折磨的不要不要的,IE6、IE7、IE8的时代远去了,IE的兼容性问题更少了。但今天遇上了高高在上的IE11兼容性问题,就是padding左右内边距大一倍,不怕,有两种解决办法。

1.在你的CSS样式表中加上这行代码:@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){写你的样式}。看个例子: 

.box{
    padding:0 40px;
  }
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
    .box{padding:0 20px;}
  }

2.在你的CSS样式表中加上下面这行代码:

* {
  box-sizing: content-box;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
 }


除注明外的文章,均为来源:(QQ:1917843637),转载请保留本文地址!
原文地址:
  • 关注下头条号后,加下微信【yes2016yes99】将分享给你一份前端资料!
  • 立即关注