Как изменить размер содержимого 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