我正在尝试制作使用框架并排显示另外两个网页的网页。当我尝试缩小一点以便可以看到更多页面时,就会出现问题。我正在使用 -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>
任何建议都会很棒。
最佳答案
这就是 -moz-transform
应该如何工作。
您可以做的是将 iframe
的大小扩大一倍,然后通过变换将它们缩小。这也会缩小滚动条,因此您需要将无滚动条的 iframe
包含在滚动的 div
中(overflow:auto
等),这样您就可以获得正常大小的滚动条。
关于html - 使用 -moz-transform 进行 CSS 转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11065529/