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

Question

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

的iframe

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

所以我。即当我调整浏览器窗口的大小时，iframe的宽度会有所不同，总是浏览器的全宽，iframe缩放会变化，总是显示所包含页面的整个宽度，没有水平滚动条（垂直滚动条没关系，当然）。

我怎样才能做到这一点？

Answer 1

我建议采取以下步骤：

1）使用style =＆＃34; width：100％;＆＃34;。

将iframe宽度设置为100％

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

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