1. 程式人生 > >IE瀏覽器相容問題之initial關鍵字

IE瀏覽器相容問題之initial關鍵字

    在專案開發中遇到了IE瀏覽器的相容問題。前端使用VUE框架+Element UI元件,在寫一個dialog時,使用el-switch,在chrome下除錯時,沒有發現問題,元件居左,如下圖
 

    在IE瀏覽器下開啟,發現元件居中了,如下,


 

    按F12檢視元素,發現這樣一個關鍵字,initial,CSS initial關鍵字用於設定CSS屬性為它的預設值,本來el-switch應該繼承el-dialog body的屬性,但是卻沒有,原因是Internet Explorer 或 Opera 15 及其之前的版本不支援 initial 關鍵字作為一個屬性值。


 
    找到問題後,我們就可以對症下藥,在對應的vue檔案中修改屬性即可,如果涉及到多個元件,可以在共同的父元件中設定。