В настоящее время я пытаюсь использовать calc()
со смешанными единицами (ch
и rem
в моем случае) в медиа-запросе CSS. Кажется, он работает во всех браузерах, кроме Chrome.
Вот мое утверждение:
@media screen and (min-width: calc(40ch * 2 + 15ch + 8rem)) {}
В то время как другие браузеры вычисляют это правильно:
@media screen and (min-width: calc(95ch + 8rem)) {}
… Chrome интерпретирует вышеприведенное утверждение как:
@media screen and (min-width: 103px) {}
(похоже, что Chrome игнорирует все юниты и предполагает px
)
Есть ли похожий обходной путь, или это Chrome?