iframe 콘텐츠의 크기를 조정하는 방법

Question

웹 사이트를 만들고 관점 메타 태그를 사용하여 콘텐츠를 1200px로 설정했습니다 (<meta name="viewport" content="width=1400, initlia-sclae=1.0, user-scalable=yes">). 잘 작동하지만 이제는 (외부 사이트에서) 내 사이트에 iframe을 만들어야합니다. 하지만 나에게 사용 가능한 공간은 콘텐츠 너비보다 작기 때문에 모두보기 위해 가로로 스크롤해야합니다.

나는 이것을 시도 : <iframe src="http://tlicetlac.tumblr.com" width="800px" height="400px" style="-webkit-transform:scale(0.9);-moz-transform-scale(0.9);"></iframe>하지만 너무 iframe의 디스플레이 영역 크기를 조정했기 때문에 작동하지 않았다.

예를 들어 여러 웹 사이트의 콘텐츠 크기를 조정하기 위해 여러 시점을 설정할 수 있습니까?

Answer 1

나는 당신의 코드를 시험해 보았다. 여기에서 볼 수 있습니다 Resize external website content to fit iFrame width

다른 웹 사이트에서 내 웹 사이트로 세계 시계지도의 크기를 조정하는 데 사용되었습니다.

<div id="containerworldTime"> 
    <iframe src="http://24timezones.com/" width="992" height="500" scrolling="no" ></iframe> 
</div> 
#containerworldTime { 
    height: 395px; 
    margin:auto; 
    overflow: hidden; 
    width: 770px; 
    border:red solid 5px; 
} 
#containerworldTime iframe { 
    border: 0 solid; 
    height: 1103px; 
    margin-left: -110px; 
    margin-top: -385px; 
    width: 979px; 
    -webkit-transform:scale(0.8); 
    -moz-transform:scale(0.8); 
    -o-transform:scale(0.8); 
    -ms-transform:scale(0.8); 
}  

and see this example

:
여기 내 코드입니다