如何爲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應用最大寬度樣式

回答

相關問題