我試圖讓我的登錄表單全部在列中對齊。這在Chrome和(有趣的)IE瀏覽器中效果很好,但是在Firefox中不起作用!在Firefox中調整邊框大小
任何人都可以幫我解決問題是什麼?
你可以在這裏看到它在fiddle!
我目前使用邊界框來獲取所有對齊,儘管填充。
box-sizing: border-box;
我試圖讓我的登錄表單全部在列中對齊。這在Chrome和(有趣的)IE瀏覽器中效果很好,但是在Firefox中不起作用!在Firefox中調整邊框大小
任何人都可以幫我解決問題是什麼?
你可以在這裏看到它在fiddle!
我目前使用邊界框來獲取所有對齊,儘管填充。
box-sizing: border-box;
火狐仍然使用前綴的版本,所以你box-sizing
聲明之前添加-moz-box-sizing: border-box;
。
您是否嘗試過使用Firefox的-moz-
前綴?
如果您正在進行自適應設計,請將這些內容也包含在移動設備上更廣泛的瀏覽器範圍內。
-webkit-box-sizing: border-box;
/* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
-moz-box-sizing: border-box;
/* Firefox 1 - 28 */
box-sizing: border-box;
/* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
是否有一個JS插件,將爲我做所有的供應商前綴? – Chris
使用JS將比在CSS中使用前綴慢。 – cimmanon
@克里斯 - 什麼cimmanon說。也就是說,如果你打算用CSS3做很多奇特的事情,你可能想看看一個CSS預處理器,比如LESS或者Sass。他們提供混合用於處理供應商前綴。 – Shauna