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

Zoom content of iframe according to page size

本文关键字：iframe 缩放更新时间：2023-09-26

我想在我的页面上的导航栏下面有一个iframe，它总是

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

我怎样才能做到这一点？

我建议采取以下步骤：

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

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

3）为iframe中的页面制作一个消息处理程序，设置页面宽度并缩放到适当的大小，这样就不会显示水平滚动条。