我正在使用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;
}
答案 0 :(得分:2)
将box-sizing: border-box;
添加到您的样式中。
Firefox的默认TextBox包含比IE / Chrome更多的填充。 box-sizing: border-box;
将宽度更改为 include 填充,而不是将两者加在一起以获得绝对宽度的标准方法。
编辑: Paulie_D在上述评论中发布了相同的答案,只是为了给予应有的额外余额。