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;
　}