根据页面大小缩放 iframe 的内容

Question

我希望在我的页面上始终在导航栏下方有一个 iframe

• 延伸到浏览器窗口的宽度
• 根据浏览器中的页面宽度缩放其内容的宽度

所以我。 e.当我调整浏览器窗口的大小时，iframe 宽度会变化，始终是浏览器的全宽，并且 iframe 缩放会变化以始终显示包含页面的整个宽度，没有水平滚动条（垂直滚动条可以，当然）。

我怎样才能做到这一点？

Answer 1

我建议采取以下步骤：

1) 使用 style="width: 100%;" 将 iframe 宽度设置为 100%。

2) 每当 iframe 宽度发生变化时，通过 window.postMessage 将主页上的 iframe 宽度（以像素为单位）传递给 iframe 中的页面。

3) 在 iframe 中为页面制作消息处理程序，并设置页面宽度和缩放到合适的量，以便不显示水平滚动条。