Делаем адаптивные фреймы на CSS

29 июля 2019

На днях на CSS-Tricks попалось интересное решение, как сделать адаптивным фрейм на CSS. Решение действительно очень простое и оригинальное, сохраняем.

Новые лендинги

Под фреймом подразумевается стандартный фрейм HTML5 — IFRAME. Не смотря на то, что ему давно пророчат смерть, он живее всех живых и очень даже активно используется.

Суть проблемы заключается в том, что встраиваемые в IFRAME страницы не подстраиваются под изменение размеров экрана, т.е содержимое фрейма не адаптивное. Иногда это создает большие сложности, приходится изобретать разные костыли на JS или как-то обходить проблему.

Задача решается с помощью директивы @supports, которая позволяет определять понимает ли браузер то или иное свойство CSS.

Задача решена! ✌🏻

Подпишитесь на мой телеграм и первыми получайте новые материалы, в т.ч. которых нет на сайте.

Лучшее за неделю

Подпишитесь на рассылку и получайте новые материалы на электронную почту

Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе Вордпресс.

Добавить комментарий

Лучшие премиум-темы для Вордпресс от топовых разработчиков мира
Подробнее