2014-04-23 35 views
0

我想有一个iframe我的网页上,下方的导航栏,总是变焦内容

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

所以我。即当我调整浏览器窗口的大小时,iframe的宽度会有所不同,因此始终为浏览器的整个宽度,并且iframe缩放会变化,以便始终显示所包含页面的整个宽度,而不显示水平滚动条(垂直滚动条可以,当然)。

我怎样才能做到这一点?

+0

通过研究和谷歌搜索例如。如果您遇到问题,我们可以帮助... – reyaner

+0

-webkit-transform:scale(X,Y)的正确参数是什么? – Clawish

回答

0

我建议采取以下步骤:

1)设置的iframe宽度为100%,通过使用样式= “宽度:100%;”。

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

3)为iframe中的页面制作消息处理程序,并将页面宽度和缩放设置为正确的数量,以便不显示水平滚动条。