使用-moz-transform進行CSS轉換

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的大小是它們的兩倍，然後使用變換將其縮小。這也會縮小滾動條，所以您需要在滾動div s（overflow:auto等）中包含無滾動條的iframe s，以便獲得正常大小的滾動條。