Javascript 如何使iframe响应所有设备？

我不是HTML、CSS或JavaScript方面的专家，但我有一个需要在所有设备上响应的网站。然而，由于某种原因，它似乎不起作用，相反，当我在移动web浏览器上查看网站时，它会产生大量空白：

下面是它的代码：

无标题文件
身体{
背景色：#f0；
字体：1em verdana，arial，helvetica，无衬线；
线高：0px；
}
h1，h2{
字号：2em；
颜色：#f00；
文本对齐：居中；
文本阴影：0.06em#000,0.12em#000；
}
.af文本包装{
显示：块；
文本对齐：居中；
颜色：#b7b7；
}
.af元素{
文本对齐：居中；
}
#awf_现场-90534028，
#awf_现场-90534029{
显示：块；
宽度：98%；
最大宽度：28.125em；
保证金：自动；
文本对齐：左对齐；
}
.形象{
显示：块；
宽度：98%；
最大宽度：30em；
高度：自动；
保证金：自动；
}
报价结束时间：
我尊重你的

（功能（）{
"严格使用",；
var handler=function（）{
如果（--秒<0）{
秒=59；
如果（--min<0）{
最小值=0；
秒=0；
}
}
变量min1='0'+min+'m'；
var min2=最小值+m'；
变量sec1='0'+秒+'s'；
var sec2=秒+s'；
var col='：'；
document.getElementById（'time'）.textContent=（min<10？min1:min2）+col+（sec<10？sec1:sec2）；
};
var-sec=0；
var最小值=15；
handler（）；
设置间隔（处理器，1000）；
}());

看起来您的iframe是由JavaScript注入的，因此我个人建议在代码中添加一个

setInterval（）

，以监视iframe元素。iframe元素可用后，在iframe中获取

正文

，并将其

边距

设置为

0

$（函数（）{
$（'#test'）。附加（''）；
var timer=setInterval（函数（）{
$（'iframe'）.load（函数（）{
$（'iframe'）.contents（）.find（“head”）.append（$（（$body{margin:0；}））；
clearInterval（计时器）；//清除间隔
});
}, 10);
});

为什么不使用
setTimeout
？另外，链接到w3schools也不是一个好主意。在调整笔记本电脑浏览器窗口的大小后，我仍然会得到间隙。@RichardYan，
setTimeout
可能会在加载iframe之前停止。
.load（）
只是将函数绑定到事件，而不是尝试检查是否加载了框架并执行语句。