Question

我创建了一个网站，并使用视点metatag，我将内容设置为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

如何调整iframe内容的大小

1 个答案: