Safari и Chrome игнорируют свойства CSS минимальной ширины - PullRequest
18 голосов
/ 17 августа 2011

Почему Safari и Chrome игнорируют свойство CSS минимальной ширины?Пример http://jsfiddle.net/8YFHu/2/ Это работает в IE и Firefox, но не в Safari и Chrome.

Ответы [ 2 ]

20 голосов
/ 17 августа 2011

Chrome и Safari просто не поддерживают свойство min-width для элементов table. Однако они будут уважать min-width применительно к ячейкам таблицы.

После некоторого быстрого тестирования кажется, что поддержка выглядит следующим образом:

  • Firefox : поддерживается (проверено в 5, не знаю, с какой версии)
  • Internet Explorer : поддерживается (поскольку IE8. IE7 и ниже не поддерживают его)
  • Chrome : не поддерживается (все версии, насколько я могу судить)
  • Safari : Не поддерживается (все версии, насколько я могу судить)
  • Opera : поддерживается (протестировано в 11.5, не знаю, с какой версии)

Дополнительную информацию можно найти в статье MDN *1030* о свойстве, хотя в статье утверждается, что это свойство не поддерживается в IE, хотя оно существует начиная с IE8.

Спецификация CSS2.1 гласит, что min-widthmax-width в этом отношении) применяются к:

все элементы, кроме незаменяемых встроенных элементов, строк таблицы и строки группы

Так что может показаться, что Chrome и Safari не соответствуют стандарту.

Редактировать

Посмотрев немного дальше вниз по соответствующему разделу спецификации, я заметил, что тогда говорится:

В CSS 2.1 влияние «минимальной ширины» и «максимальной ширины» на таблицы, встроенные таблицы, ячейки таблицы, столбцы таблицы и группы столбцов не определено.

Так что, на самом деле, похоже, что никто не ошибся, и каждый может сделать свое дело.

6 голосов
/ 10 января 2012

По моему опыту, часто нецелесообразно определять ширину элементов td.Лучший обходной путь, который я нашел для этого ограничения, - это установить минимальную ширину для содержащего элемента div для таблицы.

...