Как растянуть iframe на весь экран
Перейти к содержимому

Как растянуть iframe на весь экран

  • автор:

iframe во всю высоту окна браузера

С помощью CSS невозможно задать высоту iframe 100%, поэтому высота его фиксированная (с полосами прокрутки по вертикали). Для растяжения содержимого ифрейма во всю высоту без полос прокрутки существует простое решение с использованием jQuery. А как это осуществить без использования фреймворков?

Отслеживать

задан 6 фев 2013 в 14:21

1,664 5 5 золотых знаков 30 30 серебряных знаков 69 69 бронзовых знаков

А с чего это Вы взяли что невозможно задать iframe width и height в 100% ?

6 фев 2013 в 15:23

Потому что я уже пробовал. src фрейма динамически генегигуется яваскриптом, допустим src=’text.html'(да и просто если text.txt’. При этом высота фрейма устанавливается по умолчанию, где-то 150px. width=100% на него действует, а вот height — нет. Только если задать конкретную высоту в пикселях все работает. Однако содержимое фрейма всегда будет различным, поэтому его высота заранее неизвестна. Во как.

Курсы javascript

Добрый день уважаемый. Столкнулся с такой задачей, может посоветуете как решить — При нажатии на кнопку Развернуть на весь экран
происходит подгруздка iframe с сервера с играми в попап блок .bl_popup который по-умолчанию скрыт. Проблема заключается в том что мне не удается контролировать размеры того что приходит с сервера, что б нормально разместить в центре экрана

body.on("click", ".game_block__fullScrine", function () < $('#gameThumbnail').html(''); $(".bl_popup").removeClass("hidden"); var myHeight = body.height(); fullIframe = ''; console.log("fullIframeHeight =" + fullIframeHeight); console.log("myHeight =" + myHeight); $(".bl_popup__inner").append(fullIframe); $("#myGame").load(function () < var myHeight2 = $(document).height(); $("#myGame").css("height", myHeight); console.log("myHeight2 =" + myHeight); >); >);

В fullIframeHeight я сохраняю высоту картинки подложки. (выходит плохо) Пробовал ставить размер экрана браузера в качестве высоты iframe (переменная myHeight), выходит тоже плохо

Дальше ещё была идея дождаться полной загрузки содержимого iframe и уже потом менять значение стиля width, но чёт этот метод пока не срабатывает $(«#myGame»).load Как можно исправить? Для некоторых игр проходит нормально, а для других, ломается.

iframe во весь экран относительно других iframe

Author24 — интернет-сервис помощи студентам

Здравствуйте!
Раньше я задавал iframe ширину(width) и высоту(height). Но получалось так что на разных мониторах появлялись скролы или iframe не занимал все пространство. У меня в коде идут 4-ре вниз друг за другом iframe с графиками внутри. Подскажите как сделать так чтобы iframe на разных мониторах растягивались полностью по ширине экрана без скрола, и по высоте следуя друг за другом 4-ре фрэйма?

Вот пока что есть:
Экспериментируя они сейчас превращаются в 4-ре маленькие окошки слева экрана со скроломи вниз и в верх.

1 2 3 4
iframe allow="fullscreen" style="border: 1px solid #383838" src = '.$idteamh1.'>/iframe>br> iframe allow="fullscreen" style="border: 1px solid #383838" src = '.$idteama1.'>/iframe>br> iframe allow="fullscreen" style="border: 1px solid #383838" src = '.$idteamh2.'>/iframe>br> iframe allow="fullscreen" style="border: 1px solid #383838" src = '.$idteama2.'>/iframe>

Добавлено через 25 минут
Может есть в HTML другие инструменты как это сделать?

Размеры Iframe

Размеры Iframe

Если у

    Document   iframe 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *