根據 Iframe 寬度/高度調整 Iframe 內容

Question

如何調整 iframe 內容的大小以填充 Iframe 的寬度/高度？

我已經更改了 Iframe 的寬度和高度以使其更大，但是內容不會隨其縮放，從而留下一堆空白（就像內容絕對位於 iframe 的左上角一樣）。

<iframe width="500px" height="300px" frameborder="0" 
  scrolling="no" src="someContent">
</iframe>

為什么設置 iframe 的寬度/高度時 iframe 的內容不縮放？

Answer 1

如果您無法控制 iframe 的內容（即您無法編輯源代碼），您可以嘗試縮放 iframe，如下所示：

<iframe width="500px" height="300px" frameborder="0" 
  scrolling="no" src="someContent" 
  style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);">
</iframe>

您應該嘗試使用height 、 width和 scale 值來達到您想要的結果。

另請參閱： 調整外部網站內容大小以適合 iFrame 寬度