Могу ли я использовать font-size: calc (1px * 1vw), чтобы обойти проблемы совместимости? - PullRequest
0 голосов
/ 07 декабря 2018

IE <= 8 не поддерживает <code>font-size: 1vw, и сайт, для которого я разрабатываю, требует от меня этого.

Если я делаю calc(1px * 1vw), возвращает ли это значение в пикселях?Мое понимание calc() верно?

Я предполагаю, что font-sie: 1vw не работает, потому что IE не знает, как преобразовать vw в px?

1 Ответ

0 голосов
/ 07 декабря 2018

Короткий ответ - нет, потому что calc() не поддерживается в IE <= 8. <a href="https://caniuse.com/#search=calc()" rel="nofollow noreferrer">https://caniuse.com/#search=calc()

Немного более длинный ответ по-прежнему нет, потому что вы не можете умножить или разделить на разные единицы.Вот что говорят документы W3:

В * проверьте, что по крайней мере одна сторона является числом.Если обе стороны являются целыми числами, разрешите.В противном случае разрешите тип другой стороны.

В /, убедитесь, что справа указан номер.Если левая сторона является целым числом, разрешите в.В противном случае разрешите тип левой стороны.

(https://www.w3.org/TR/css3-values/#funcdef-calc)

Так как vw не будет работать для IE8 (и не будет em или * 1018)*) единственное, о чем я могу думать, это попробовать %.

Если вы можете избежать статического размера шрифта в IE8, просто добавьте запасной размер шрифта. Таким образом, современные браузеры будут читать 1vw ипереходите к следующему дню, и IE8 прочитает его и скажет, что я динозавр, и не знаю, что это такое, поэтому я перейду к вашему предыдущему размеру (например, 16px).

p {
  font-size: 16px;
  font-size: 1vw;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...