Задать вопрос
@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
  • Вопрос задан
  • 239 просмотров
Подписаться 2 Средний Комментировать
Ответ пользователя Антон Федорян К ответам на вопрос (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%).
Ответ написан
Комментировать