Не может показаться, что iframe правильно отображается в IE8?

Вопрос:

У меня есть сайт здесь: Campus Tour, который я пытаюсь отобразить в iframe. Цель здесь — увидеть, что видит студент, когда студент просматривает тур на мобильном устройстве.

Вот экран просмотра iPhone: iPhone Viewport

Он отображается правильно в Chrome, но я не могу заставить его отображаться в IE8. При просмотре в IE8 iframe отображает сайт в режиме полного сайта и не привязывается к мобильному CSS.

Здесь мой код iframe:

<div align="center" style="position: fixed; margin-top: 2%; margin-left: 12%; border: 5px solid #f60; width: auto; height: auto;">

<h2 style="font-weight:bold; background-color: #f60; color: #fff;">iPhone 5 Display</h2>
<iframe style="width:568px; height: 320px; " src="http://webfro.gs/south/tour" frameborder="0"></iframe>
</div>

Я разобрал свое сердце и прочитал о режиме Quirks и т.д., Но не совсем уверен, как его применять. Я не уверен, что и правильное решение.

Какая вам дополнительная информация, чтобы помочь здесь?

Лучший ответ:

Ваша проблема заключается в том, что IE8 не поддерживает запросы мультимедиа CSS, которые вы используете для изменения макета в соответствии с размером окна просмотра.

Если вам нужно поддерживать IE8 для этого, лучшим решением является использование сценария polyfill, такого как Respond.js, который поддерживает поддержку синтаксиса медиа-запросов в IE8.

Оцените статью
TechArks.Ru
Добавить комментарий