我正在尝试创建一个响应式iframe,实际上我需要创建一个将放在iframe中的.html,我只能更改de Width和Height ...另外如果我设置高度和宽度这个iframe达到100%我看到iframe只是削减了一切超过200px的高度...
所以实际上我尝试使用1920x2428px的图像制作响应式背景
我知道了:
<html>
<head>
</head>
<body>
<div class="container" id="container" style='background: transparent url("http://slpubmedias.tf1.fr/test_nocache/test_jf/BlindSpot/Desktop/bg.jpg") no-repeat scroll 0% 0% / 100% auto; max-width:100%;width: 100%; height:100%; position: absolute;'></div>
</body>
</html>
我遇到的问题是,我将我的iframe设置为100%宽度和2428px高度,并将我的背景设置为100%100%,但是当我减小窗口的大小时,白色区域是我背景的px不再使用留在我的背景下,我想做一个:
var div = document.getElementById("container");
setInterval(function() {
divHeight = div.offsetHeight;
parent.document.getElementsByClassName('custom_device_iframe')[0].style.height=divHeight;
}, 100);
问题是返回div的高度,我只想获得背景的高度。