1

我正在尝试制作网页，该网页将使用框架并排显示另外两个网页。当我尝试缩小一点以便我可以看到更多页面时，就会出现问题。我正在使用 -moz-transform 但我无法得到我想要的结果。

我希望它看起来像这样，只是在每个单独的页面上缩小更多。但是，在使用转换后，我得到了.

代码：

<div id="window1" style="height:60%; width:50%; float: left">
  <iframe style="-moz-transform: scale(0.5, 0.5); transform-origin: 0 0;" id="thistory" src="http://www.15min.lt/" height="100%" width="100%"></iframe>
</div>
<div id="window2" style="height:60%; width:50%; float: right;">
  <iframe style="-moz-transform: scale(0.5, 0.5); transform-origin: 0 0;" id="thistory1" src="http://www.15min.lt/" height="100%" width="100%"></iframe>
</div>

任何建议都会很棒。

4

1 回答 1

0

这-moz-transform就是应该如何工作。

您可以做的是使iframes 的大小是它们的两倍，然后通过变换将它们缩小。这也会缩小滚动条，因此您需要iframe在滚动div条（overflow:auto等）中包含无滚动条的 s，以便获得正常大小的滚动条。

于 2012-06-16T17:45:43.950 回答