IE8中CSS最大寬度

對於我的輸入，它可以有classname="half"或"half.not-placeholder-value"，Firebug顯示兩個輸入都有一組固定寬度25em。IE8中CSS最大寬度

input.half, input.half.not-placeholder-value { 
    max-width: 25em; 
}

然而，根據開發者工具，IE8似乎並不用這種特殊max-width屬性。我說「似乎並沒有使用」，因爲Firefox的行爲與IE8相關的屬性有所不同。

但MDN docs表示IE7支持max-width。我錯過了什麼嗎？

來源

2013-06-30 Kevin Meredith

我不知道'MAX-width'是有道理的，沒有任何形式的可變寬度（如'寬度：100％'）的 –

嗯..但是，在Firefox中，它創造了一個固定長度的我投入 - 我想要的行爲。沒有最大寬度，輸入大小根據任何一個類別而變化。 –

你是否也嘗試添加寬度：100％;屬性只是爲了看看它是否有效？ –

這是不是一個真正的IE8的問題，因爲IE8 確實支持最大寬度屬性，但只有第一個給出定義的寬度時。

input.half, input.half.not-placeholder-value { 
    width: 100%; 
    max-width: 25em; 
}

來源

2013-07-05 13:10:25

使用IE8 css與width？第一部分針對IE，第二部分針對IE9 +。

input.half, input.half.not-placeholder-value { 
    max-width: 25em; 
    width:25em\9; /* IE 8 */ 
} 
:root input.half, input.half.not-placeholder-value { 
    width:inherit\9; /* IE 9+ */ 
}

來源

2013-07-01 18:24:57

IE8中CSS最大寬度

回答

相關問題