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

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

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

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

---

如何实现这一点？

我建议采取以下步骤：

1） 使用style=“width:100%；”将iframe width设置为100%

2） 无论何时更改iframe宽度，都可以通过window.postMessage将主页上的iframe宽度（以像素为单位）传递给iframe中的页面

---

3） 在iframe中为页面创建一个消息处理程序，并将页面宽度和缩放设置为正确的大小，以便不显示水平滚动条。

例如，通过在google中的研究和搜索。如果您遇到问题，我们可以帮助您…什么是-webkit transform:scale（X，Y）的正确参数？