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

Question

[WebDev]

Вывожу сайт в айфрейме.

<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?