@kirill-93

Как использовать @media внутри iframe?

Вывожу сайт в айфрейме.
<div class="outer">
    <iframe src="http://inner.com" style="width:300px;height:500px;"></iframe>
</div>

В разметке внутреннего сайта пишу
html, body {
    height: 100%;
    width: 100%;
}

@media (max-width : 600px) {
        body {
            border: 1px solid red;
        }
    }

Из-за того, что на внешнем сайте размер фрейма задан 300х500, то внутри фрейма срабатывает media (max-width : 600px), хотя размер самого экрана гораздо больше. Пробовал использовать media (max-device-width : 600px), тоже не работает.

Как внутри iframe учитывать размер экрана, а не размер iframe?
  • Вопрос задан
  • 648 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы