美文网首页
iframe在ios端无法适配

iframe在ios端无法适配

作者: 嗯这是网名 | 来源:发表于2017-08-15 10:22 被阅读0次

    原因:

    在iframe里面的页面没加载出来之前,iframe的宽和高是正常的,当里面的页面加载完了之后,宽度就会发生变化,当然,高度也相应改变。父页面中显示出来的iframe宽和高其实是子页面的真实宽高!也就是说子页面的宽高没有收到CSS跟JS的限制(js有改变width的值)。

    后来谷歌了一下,找到了解决方法,特来记下:

    1:<iframe src="" frameborder="0" id="pptFrame" scrolling="no"></iframe>,

    在iframe标签中,加上scrolling强制没有滚动条

    2:采用width: 1px !important,用最高的权限改变iframe的宽(如果不用这个,子页面元素的宽会将iframe撑开);

    如果再需要改变iframe的宽,可以选择min-width,或者使用width:XXpx !important

    Ps:这里设置宽度时,可通过JS动态将iframe标签的宽设置为屏幕的宽(window.screen.width)

    相关文章

      网友评论

          本文标题:iframe在ios端无法适配

          本文链接:https://www.haomeiwen.com/subject/uojmrxtx.html