iframe放大显示_iframe标签使用和在移动端（缩放）适配问题

最新推荐文章于 2024-07-31 18:37:50 发布

催眠神兔

最新推荐文章于 2024-07-31 18:37:50 发布

阅读量2.3k

点赞数

文章标签： iframe放大显示

本文链接：https://blog.csdn.net/weixin_31032795/article/details/111972659

版权

本文档探讨了在移动端使用iframe时遇到的缩放和适配问题。通过contentWindow属性操作iframe，作者尝试了使用CSS3的transform: scale()方法调整iframe尺寸，但遇到了高度缩放和位置偏移的问题。最终，通过设置transform-origin属性为'0 top 0'解决了iframe的适配问题。

摘要由CSDN通过智能技术生成

这是我做项目遇到的问题希望对你有帮助，忽喷！

[iframe与window对象(contentwindow)]

var detialIframe=document.all("detialIframe");

此处的IFrame是从document取得的,即作作为document的子对象出现,虽然是文档(document)对象,但由于它是独立的页面,因而拥有自己的事件,拥有自己的窗口对象(contentWindow); Window.detialIframe 或Window.frames(detialIframe)将直接取得IFrame的Window对象

iframe

iframe 元素也就是文档中的文档

window 对象

浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象。但是，如果一个文档定义了一个或多个框架(即，包含一个或多个 frame 或 iframe 标签)，浏览器就会为原始文档创建一个 window 对象，再为每个框架创建额外的 window 对象。这些额外的对象是原始窗口的子窗口，可能被原始窗口中发生的事件所影响。例如，关闭原始窗口将导致关闭全部子窗口。如果想要创建新窗口(以及对应的 window 对象)，可以使用像 open, showModalDialog 和 showModelessDialog 这样的方法。

contentWindow

contentWindow属性是指指定的frame或者iframe所在的window对象

在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则必须指定contentWindow属性。

说了这么多关于iframe，的介绍，接下来我们看看在实际使用中遇到的问题。</