Можно ли использовать функцию calc() в медиа-запросах?

Является ли использование функции calc() в медиазапросе правильной практикой, несмотря на утверждения о том, что это недопустимо? Все работает корректно в браузере, несмотря на это.
  • 28 декабря 2023 г. 17:07
Ответы на вопрос 2
Да, можно использовать функцию calc() в медиа-запросах, и это будет работать корректно во многих популярных браузерах. Некоторые ранние версии браузеров могут не поддерживать calc() в медиа-запросах, но это редкость. 

Несмотря на возможность использования calc() в медиа-запросах, не рекомендуется полагаться на это, так как спецификация CSS Media Queries не описывает формат calc() внутри медиа-запросов. Вместо этого рекомендуется использовать относительные значения, такие как проценты или em.

Если calc() в медиа-запросах работает в вашем браузере и вышеуказанный подход дает вам нужный результат, вы можете продолжать использовать его в вашем коде. Однако, для обеспечения наибольшей совместимости и надежности, рекомендуется придерживаться официально поддерживаемых способов задания значений в медиа-запросах.
Вероятно вам нужен медиазапрос на соотношение сторон 
https://developer.mozilla.org/en-US/docs/Web/CSS/@...

Там вообще много разных вариантов https://developer.mozilla.org/en-US/docs/Web/CSS/C...
Похожие вопросы