在Firefox中调整边框大小

问题描述：

我试图让我的登录表单全部在列中对齐。这在Chrome和（有趣的）IE浏览器中效果很好，但是在Firefox中不起作用！在Firefox中调整边框大小

任何人都可以帮我解决问题是什么？

你可以在这里看到它在fiddle！

我目前使用边界框来获取所有对齐，尽管填充。

box-sizing: border-box;

答

火狐仍然使用前缀的版本，所以你box-sizing声明之前添加-moz-box-sizing: border-box;。

是否有一个JS插件，将为我做所有的供应商前缀？ – Chris

使用JS将比在CSS中使用前缀慢。 – cimmanon

@克里斯 - 什么cimmanon说。也就是说，如果你打算用CSS3做很多奇特的事情，你可能想看看一个CSS预处理器，比如LESS或者Sass。他们提供混合用于处理供应商前缀。 – Shauna

答

您是否尝试过使用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 */

在Firefox中调整边框大小

相关推荐