Как настроить HTML-страницу для просмотра в iframe, ширина которого меньше, чем сама страница?

Question

У меня есть веб-страница на HTML и связанные с ней CSS и JS, я также доступен с iFrame, ширина которого меньше, чем у веб-страницы. Теперь я хочу отобразить эту веб-страницу в iFrame так, чтобы ничего не искажалось, корочеЯ хочу настроить веб-страницу так, чтобы она исправлялась и в меньшем iFrame ..

Руководство, чтобы я сделал эту работу ...

Answer 1

Измените страницу для встраивания, чтобы не была установлена ​​фиксированная ширина, и она адаптировалась к доступной ширине.Делать такие вещи со страницы встраивания будет намного сложнее (если вообще возможно).

Сложность этого зависит от содержания и структуры страницы.В простейшем случае просто удалите все атрибуты width из документа HTML и все настройки width из кода CSS.Сохраните копию оригинала, хотя;это может оказаться намного сложнее, и вам может потребоваться сохранить некоторые настроек ширины.

Answer 2

По понятным причинам это хитроумно, но вы можете сделать это с помощью CSS-преобразования.Загрузите iframe в правильном размере для контента, затем уменьшите iframe с преобразованием.Скажем, ваш контент 1000x1000, а желаемый iframe - 500x500.

Загрузите контент во фрейм, который умещается:

<iframe id="magic" src="whatever" width="1000" height="1000"></iframe>

Затем масштабируйте его вдвое с помощью CSS:

#magic {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

Answer 3

IFrame используется для загрузки различных веб-сайтов или страниц на страницу вашего веб-сайта.Если вы хотите использовать IFrame, вам нужно установить ширину и высоту iframe в соответствии с размером вашей страницы на другой стороне, вы также можете использовать панель вместо разработки нескольких страниц, но в этом случае можно использовать панель, если страница контента также разрабатывается..

Пожалуйста, имейте в виду, что IFrame используется только для загрузки контента различных веб-сайтов на ваш сайт. Вы не можете изменять веб-контент, загружаемый с помощью IFrame.