Question

我设法用这段代码做了一个iframe，只显示页面的某些部分：

<div id="divContainer" style="display: block; margin-left: auto; margin-right: auto;">
     <div id="frameContainer" style="overflow:hidden;">
          <iframe src="http://www.cofm.es/informacion-corporativa/buscador-farmacias" scrolling="no" style="width: 1000px; height: 750px; margin-top: -330px; margin-left: -250px;" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe><br />

</div>

来源：iframe to Only Show a Certain Part of the Page

现在我要做的是让iframe 在屏幕上的100％宽度上显示。我已经能够使用以下代码执行此操作：

<img style="width: 100%; display: block; margin-left: auto; margin-right: auto; " src="http://i.ytimg.com/vi/ROv863DuJu4/maxresdefault.jpg" />

我正在尝试使iframe像图像一样适应屏幕大小。

Answer 1

iframe是内联元素 - 您需要设置css＆＃34;显示：块＆＃34; - 然后你可以100％做它，它会扩展 - 希望这会有所帮助。这是一个例子 - 你必须将包含元素设置为全宽..

<iframe style='display:block;width:100%' src='http://someurl.com'></iframe> 

  https://jsfiddle.net/cqgfqgqk/

iframe全屏100％宽度

1 个答案: