Я создаю учебное пособие для пользователей нашего сайта и запускаю iframe нашего сайта. Когда я изменяю размер в браузере настольного компьютера, сайт внутри iframe сохраняет свою отзывчивость и меняет представления в зависимости от размера контейнера контейнера iframe. На iOS мне удалось изменить размер iframe и иметь возможность прокрутки, но сайт внутри iframe больше не реагирует, а отображает в натуральную величину. У меня есть следующий HTML:
<div class="site-frame">
<iframe id="site-frame" src="https://stpo.ca"></iframe>
</div>
Стиль с этим
.site-frame {
width: 98%;
margin-left: 1%;
height: 650px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#site-frame {
width: 100%;
height: 100%;
}
Ссылка на учебник https://stpo.ca/tutorial/stpo-tutorial.html
Заранее спасибо за любые идеи.