Как сделать загружаемый iframe адаптивным?

В html загружается iframe, нужно чтобы размер iframe подстраивался под размер содержимого в нем (Содержимое в нем адаптивный код), нужно чтобы iframe так же был адаптивным. Почему-то минимальная ширина iframe всегда устанавливается в 980px

<!DOCTYPE html>
<html lang="ru">
<head>
	<title></title>
	<script language="JavaScript">
		document.documentElement.innerHTML=
			'<html>' +
			'<head>' +
				'<title></title>' +
	
			'</head>' +
			'<body width="100%">' +
				'<div class="box" id="file">' +
					'<iframe src="https://www.apple.com/ru/" frameborder="no"></iframe>' +
            	                '</div>' +
			'</body>' +
			'</html>';

        window.onload = function() {
            parent.document.getElementById('frame').style.maxHeight  = document.body.clientHeight+'px';
            parent.document.getElementById('frame').style.maxWidth  = document.body.clientWidth+'px';
        };

        window.addEventListener('resize', function() {
            parent.document.getElementById('frame').style.maxHeight  = document.body.clientHeight+'px';
            parent.document.getElementById('frame').style.maxWidth  = document.body.clientWidth+'px';
        });
	</script>
	
</head>
<body>
	
</body>
</html>
  • Вопрос задан
  • 23 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы