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

我使用的是css样式max-width:236px，它可以为Chrome/IE生成精确视图，但不能在Firefox中生成。为了为Firefox生成相同的内容，我需要给max-width:219px;在这种情况下，IE/chrome不起作用。如何为跨浏览器问题提供最大宽度属性中的两个不同值。你的建议很有价值。谢谢。如何为Firefox/IE/Chrome应用最大宽度样式

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

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

来源

2016-08-02 Adam Gilly

您是否在使用'box-sizing：border-box'？ –

@Paulie_D如果我使用box-sizing：border-box它调整Firefox中的文本，但是在Chrome/IE中文本框的宽度也在减小。 –

添加box-sizing: border-box;你的风格。

Firefox的默认TextBox包含比IE/Chrome更多的填充。 box-sizing: border-box;将宽度更改为，其中包括填充，而不是将标准方法相加以获得绝对宽度。

编辑：Paulie_D在上面的评论中发布了相同的答案，只是为了提供额外的功劳。

来源

2016-08-02 20:00:39 Santi

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

回答

相关问题