@mishapsv

Почему не работает calc в firefox для таблиц?

Сделал пример:
https://codepen.io/anon/pen/erNGNN

Если его открыть в Хроме, колонки имеют разные пропорции, как и задумано.
Но в Фаерфоксе, calc игнорируется, колонки имеют одинаковую ширину.

Не смог нагуглить работающее решение. Может быть кто-то сталкивался?

Решение: calc в Firefox для колонок таблиц не работает. Но можно посчитать препроцессором
$numCol: 10 //number of columns
$x1: 100%/$numCol*1
$x2: 100%/$numCol*2
$x5: 100%/$numCol*5
  • Вопрос задан
  • 237 просмотров
Пригласить эксперта
Ответы на вопрос 2
AnnTHony
@AnnTHony
Интроверт
caniuse.com:
  • Firefox does not support width: calc() on table cells.
  • Firefox <48 does not support calc() inside the line-height, stroke-width, stroke-dashoffset, and stroke-dasharray properties.
  • Firefox does not support calc() on color functions. Example: color: hsl(calc(60 * 2), 100%, 50%).
Ответ написан
Комментировать
@BelkinVadim
Frontend разработчик
Если веририть данной доке calc(), то в FF обрабатывает так как у них описано в заметках про таблицы
Note: Math expressions involving percentages for widths and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы