Я пытался разместить некоторую страницу html внутри тега object, используя что-то вроде этого:
<div>
<object data="page.html" style="width:100%;height:100vh;">
<embed src="page.html" style="width:100%;height:100vh;"></embed>
</object>
</div>
Содержание отображается правильно, но когда я пытаюсь исследовать страницу в адаптивном режиме контент с тегом объекта сохраняет свою пропорцию, и все выглядит узким и ужасным (например, для чтения нужно увеличить изображение).
Я хочу, чтобы этот контент показывал свой реальный размер, поскольку он отзывчивый. Я попытался использовать несколько трюков с position из <div> и <object>, но ни один из них не сработал. Кроме того, я попытался с Bootstrap https://getbootstrap.com/docs/4.4/utilities/embed/ и все еще та же проблема.
РЕДАКТИРОВАТЬ: Некоторые изображения, чтобы проиллюстрировать проблему
Что я вижу https://imgur.com/bDHUFti
Что мне нужно https://imgur.com/IevzuH6