В 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>
