Javascript/CSS：设置（firefox）iframe的缩放级别？

我想创建一个包含多个iFrame的页面，其中显示不同的页面——类似于“并排浏览多个页面”类型的东西。问题是这样做时，视口非常小，我只能看到每页的左上角

有没有一种方法可以设置iframe来有效地执行firefox的缩小（ctrl减号）几次，从而使整个页面可见？我并不特别关心文本是否清晰，只要我基本上能看到页面的样子

---

我不需要跨浏览器（出于我的目的，它只需要在最新的firefox中工作），尽管很明显，对于其他需要跨浏览器解决方案的人来说，跨浏览器解决方案更可取，因为他们遇到了这个问题。

您可以将css转换应用于iFrame：

iframe{
-moz变换：比例（0.25,0.25）；
-webkit变换：比例（0.25,0.25）；
-o变换：标度（0.25,0.25）；
-ms变换：标度（0.25,0.25）；
变换：比例（0.25,0.25）；
-moz变换原点：左上角；
-webkit变换原点：左上角；
-o变换原点：左上角；
-ms变换原点：左上角；
变换原点：左上角；
边框：实心#CCC10px；
}

“变换原点”特性允许在不更改其位置的情况下对其进行缩放

---

这适用于Webkit、Opera、FF和IE9（未经测试）。文字看起来很棒，而且尺寸很小时仍然清晰可见

我得到了这样合适的结果（仅在铬中测试）：

CSS:

#iframe{
-moz变换：比例（0.25,0.25）平移（-150%，-150%）；
-webkit转换：比例（0.25,0.25）转换（-150%，-150%）；
-o变换：比例（0.25,0.25）平移（-150%，-150%）；
转换：比例（0.25,0.25）转换（-150%，-150%）；
}
#包装纸{
宽度：256px；
高度：230像素；
}

HTML:

<div id="wrapper">
    <iframe id="iframe" width="1024" height="920" scrollbars="no"></iframe>
</div>

---

这可能会有所帮助。

多个iFrame是用来显示您的网页还是多个域？所有iFrame都指向同一域中的网页，在这种特殊情况下，这正是我想要的。谢谢你会发现它在iPad Safari上不能正常工作。见：

<div id="wrapper">
    <iframe id="iframe" width="1024" height="920" scrollbars="no"></iframe>
</div>