sirve - width fit content css

Safari y Chrome ignoran la propiedad de CSS de ancho mínimo

Question

¿Por qué Safari y Chrome ignoran la propiedad de CSS de ancho mínimo? Ejemplo http://jsfiddle.net/8YFHu/2/ Esto funciona en IE y Firefox pero no en Safari y Chrome.

Answer 1

Chrome y Safari simplemente no admiten la propiedad min-width en table elementos de la table . Sin embargo, respetarán min-width cuando se aplica a las celdas de la tabla.

Después de algunas pruebas rápidas, parece que el soporte es el siguiente:

• Firefox : compatible (probado en 5, no estoy seguro desde qué versión)
• Internet Explorer : compatible (ya que IE8, IE7 y versiones posteriores no parecen ser compatibles)
• Chrome : No compatible (todas las versiones, por lo que puedo decir)
• Safari : No compatible (todas las versiones, por lo que puedo decir)
• Opera : compatible (probado en 11.5, no estoy seguro desde qué versión)

Se puede encontrar más información en el artículo de MDN sobre la propiedad, aunque el artículo afirma que la propiedad no es compatible con IE, aunque lo es desde IE8.

La especificación CSS2.1 establece que min-width (y max-width para el caso) se aplican a:

todos los elementos pero elementos en línea no reemplazados, filas de tablas y grupos de filas

Parece que Chrome y Safari son los que no se ajustan al estándar.

Editar

Después de haber mirado un poco más abajo en la sección relevante de la especificación, noté que dice:

En CSS 2.1, el efecto de ''min-width'' y ''max-width'' en tablas, tablas en línea, celdas de tabla, columnas de tabla y grupos de columnas no está definido.

Entonces parece que nadie se equivocó, y todos pueden hacer lo que quieran.

Answer 2

En mi experiencia, a menudo no es práctico definir anchos en elementos td. La mejor solución que he encontrado para esta limitación es establecer un min-ancho en un elemento div que contiene para la tabla.