Safari e Chrome ignorano la correttezza della min-width CSS

Question

Perché Safari e Chrome ignorano la proprietà CSS min-width? Esempio http://jsfiddle.net/8YFHu/2/ Questo funziona in IE e Firefox ma non in Safari e Chrome.

Answer 1

Chrome e Safari semplicemente non supportano la proprietà min-width sugli elementi table. Tuttavia, rispetteranno min-width quando applicati alle celle di una tabella.

Dopo alcuni test rapido, sembra che il supporto è il seguente:

• Firefox: Supportato (testato in 5, non è sicuro dal quale versione)
• Internet Explorer: Supportato (dal . IE8 IE7 e al di sotto non sembrano sostenerlo)
• Chrome: non supportato (tutte le versioni, per quanto posso dire)
• Safari: non supportato (tutte le versioni per quanto posso dire)
• Opera: Supportato (testato in 11.5, non è sicuro dal quale versione)

Maggiori informazioni possono essere trovate nel MDN article sulla proprietà, anche se l'articolo afferma che la proprietà non è supportata in IE, anche se è da quando IE8.

Il CSS2.1 specification afferma che min-width (e max-width per questo) applicano:

tutti gli elementi eccetto gli elementi in riga non-rimpiazzati, righe di tabella, e la riga gruppi

quindi sarebbe sembra che Chrome e Safari non siano conformi allo standard.

Modifica

Avendo appena sembrava un po 'più in basso la sezione dedicata del spec, ho notato che poi afferma:

In CSS 2.1, l'effetto di 'min-width' e 'max-width' sulle tabelle, tabelle in linea, celle di tabella, colonne di tabella e gruppi di colonne è indefinito.

Quindi in realtà sembra che nessuno abbia sbagliato, e tutti possono semplicemente fare le proprie cose.

Answer 2

Nella mia esperienza, spesso non è pratico definire le larghezze sugli elementi. La soluzione migliore che ho trovato per questa limitazione è impostare una larghezza minima su un elemento div contenente la tabella.