如何使用页面进行iframe缩放

时间:2013-03-17 11:22:48

标签: html css iframe

我有一些包含一些内容的iframe。 当我缩小iframe中的内容不随页面缩放时,它保持相同的大小,导致滚动条出现,从而放弃了它的iframe这一事实。 有没有办法让iframe缩放到页面? 感谢

1 个答案:

答案 0 :(得分:5)

您尚未提供有关您的代码行或您正在使用的浏览器的详细信息,但是, 这是你可以尝试实现目标的。

<style>
    #frameScale { width: 1390px; height: 2940px; padding: 0; position:relative; left:-90px; top:0px; overflow: hidden; }
    #frame { width: 1390px; height: 2940px; position:relative; left:-55px; top:0px; }
    #frame { -ms-zoom: 0.7; -moz-transform: scale(0.7); -moz-transform-origin: 0px 0; -o-transform: scale(0.7); -o-transform-origin: 0 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; }
</style>
<div id="frameScale ">
    <iframe id="frame" src="Give Some URL Source Here"></iframe>
</div>