下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:iframe子元素无法全屏

作者:虞兮虞兮奈若何!     来源: https://www.cnblogs.com/YKdragon/p/11904490.html点击数:1199发布时间: 2020-03-09 20:46:30

标签: htmliframe元素

Web开发

  IFRAME是html标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

  HTML与XHTML之间的差异:在HTML4.1StrictDTD和XHTML1.0StrictDTD中,不支持iframe元素。可以把需要的文本放置在<iframe>和</iframe>之间,这样就可以应对无法理解iframe的浏览器。

  最近做的项目中遇到的问题:

  在最新的Chrome浏览器中,全屏功能正常

  在旧版本Chrome浏览器中(与最新版版本号相差二十左右),全屏功能无效

  在IE11浏览器中,全屏功能无效

  反复排查,发现该项目嵌套了两层iframe,我只给最内层的iframe添加了允许全屏属性,在给两层iframe都添加该属性后,问题解决

  关键属性:allowfullscreen

  <iframeallowfullscreen="true"></iframe>

  方法确认有效,有效才能高效

  <iframe>标签规定一个内联框架。

  一个内联框架被用来在当前HTML文档中嵌入另一个文档。

赞(13)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程