-moz-transform을 사용한 CSS 변환

Question

프레임을 사용하여 두 개의 다른 웹 페이지를 나란히 표시하는 웹 페이지를 만들려고합니다. 문제는 내가 페이지를 더 볼 수 있도록 비트를 축소하려고 할 때 발생합니다. -moz-transform을 사용하고 있지만 원하는 결과를 얻을 수 없습니다.

각 페이지마다 더 축소하면 this처럼 보이기를 바랍니다. 그러나 변형 후 I 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 (overflow:auto 등) 스크롤바 안에 iframe 스크롤 막대를 동봉해야하므로 일반 크기의 스크롤 막대가 표시됩니다.