使用-moz-transform的CSS轉換

Question

我正在嘗試制作一個將使用框架並排顯示兩個其他網頁的網頁。 當我嘗試縮小一點以便我可以看到更多頁面時，就會發生問題。 我正在使用-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>

任何建議都很好。

Answer 1

這就是-moz-transform應該起作用的方式。

您可以做的是將iframe的大小iframe原來的兩倍，然后通過轉換將其縮小。 這也會縮小滾動條，因此您需要將無滾動條的iframe封裝在滾動div （ overflow:auto等），以便獲得正常大小的滾動條。