我想熟悉CSS flexbox。有很多有用的資源。但是,當我碰到-webkit-box;, -moz-box;, -ms-flexbox;
& -webkit-flex;
,我不確定這些是什麼或如何處理它們。Flexbox:-webkit-box; -moz-box; -ms-flexbox; &-webkit-flex;他們是什麼?
如果有人可以對此有所瞭解,我將不勝感激。
謝謝!
我想熟悉CSS flexbox。有很多有用的資源。但是,當我碰到-webkit-box;, -moz-box;, -ms-flexbox;
& -webkit-flex;
,我不確定這些是什麼或如何處理它們。Flexbox:-webkit-box; -moz-box; -ms-flexbox; &-webkit-flex;他們是什麼?
如果有人可以對此有所瞭解,我將不勝感激。
謝謝!
你可以閱讀所有關於供應商前綴here。從鏈接
摘要:
瀏覽器廠商有時加前綴實驗或非標準的CSS屬性,因此開發人員可以嘗試,但在瀏覽器的行爲改變標準過程中不破壞代碼。開發人員應該等待包含前綴屬性,直到瀏覽器行爲標準化。
我想我的下一個問題是什麼時候使用供應商前綴?只要我正確使用供應商前綴,每個CSS屬性的值是否相同? – wallwalker
如果我想執行'justify-content:flex-end;'我需要爲其他供應商前綴執行它,例如:'.flex-container {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-justify-content:flex-end; -moz-box-justify-content:flex-end; -ms-flex-justify-content:flex-end; -webkit-flex-justify-content:flex-end; justify-content:flex-end; width:400px; height:250px; background-color:lightgrey; }'? – wallwalker
這些是供應商知識產權 當您瞭解瀏覽器的工作功能時,它會更清晰。 其實所有的瀏覽器都運行在他們特定的引擎上。什麼是我們正在編寫的CSS語法或功能,這些引擎在瀏覽器上呈現它們的行爲。
的Webkit
是用於由鉻野生動物園等 最流行的瀏覽器引擎,因此這些廠商prefexes被用來告訴我們應該使用CSS屬性的瀏覽器。
http://stackoverflow.com/a/35137869/3597276 –