IE11兼容性問題:padding左右內邊距大一倍

CSS WebKit 文章湯久生前端 2017-05-02

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

除註明外的文章,均為來源:湯久生博客,轉載請保留本文地址！

原文鏈接：http://tangjiusheng.com/liulanqijianrongxing/118.html