Question

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

我希望它看起来像this，只需在每个页面上进行更多缩小。但是在使用转换后我get。

代码：

<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>

任何建议都会很棒。

Answer 1

这就是-moz-transform的工作方式。

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

使用-moz-transform进行CSS转换

1 个答案: