如何为Firefox / IE / Chrome应用最大宽度样式

时间:2016-08-02 19:58:26

标签: css firefox cross-browser

我正在使用css样式max-width:236px,它为chrome / IE生成精确视图,但在Firefox中没有。为了为Firefox生成相同的东西,我需要提供max-width:219px;在这种情况下,IE / chrome无法正常工作。如何为跨浏览器问题提供max-width属性中的两个不同值。你的建议很有价值。谢谢。

// IE/Chrome is good
textboxwidth {
  max-width: 236px;
}

// FireFox is good
textboxwidth {
  max-width: 219px;
}

1 个答案:

答案 0 :(得分:2)

box-sizing: border-box;添加到您的样式中。

Firefox的默认TextBox包含比IE / Chrome更多的填充。 box-sizing: border-box;将宽度更改为 include 填充,而不是将两者加在一起以获得绝对宽度的标准方法。

编辑: Paulie_D在上述评论中发布了相同的答案,只是为了给予应有的额外余额。