如何让iframe对所有设备做出响应？

Question

我不是HTML，CSS或JavaScript的专家，但我的网站需要对所有设备做出响应。但是，当我在移动网络浏览器上查看网站时，它看起来似乎并不是出于某种原因，而是创造了空白的主要空白：

以下是代码：

ybuf

Answer 1

看起来您的iframe是由JavaScript注入的，所以我个人建议在您的代码中添加setInterval()来监控iframe元素。 iframe元素可用后，获取iframe中的body并将其margin设置为0。

$(function() {
  $('#test').append('<iframe src="http://www.w3schools.com"></iframe>');
  var timer = setInterval(function() {
    $('iframe').load( function() {
      $('iframe').contents().find("head").append($("<style type='text/css'>body{margin:0;}</style>"));
      clearInterval( timer ); // Clear the interval
    });
  }, 10);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test">
</div>