最近用IE11測試自己的網站,發現出現了一些不兼容的問題。其中最大的問題就是CSS樣式的兼容性問題。
.box{ display: flex; justify-content: center; align-items: center; }
在其他瀏覽器上,上述代碼可以實現將一個元素居中對齊。但在IE11上面,卻不能正常顯示,因為IE11不支持彈性盒模型的布局方式。
.box{ display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; }
為了解決IE11下的兼容性問題,我們可以使用IE11所支持的彈性盒模型布局方式。上述代碼就是使用了IE11的彈性盒模型布局方式。
總之,ie11的不兼容問題無法避免,但我們可以針對性的解決這些問題,讓網站在不同的瀏覽器中都能夠正常的顯示。
下一篇ie10 兼容css