原因：
在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里面的页面没加载出来之前，iframe的宽和高是正常的，当里面的页面加载完了之后，宽度就会发...
在解决iframe在ios无法滚动的bug中，需要在iframe外面包裹一层div，如下： 然后设置scroll-...
iframe标签一般ios都不适配，前端时间写了个页面，引用第三方链接展示页面，如下： iframe区域内容设置m...
因为最近项目在做iPad端适配和iPad端横竖屏适配功能，在适配中也遇到了一些问题，记录一下吧。 ios11系统默...
最近在项目中遇到了一个在客户端中的webview中嵌入iframe页面的问题，但是嵌入的iframe无法自己撑开，...
iframe，这个标签能够嵌入一个完整的网页。 在移动端，iframe 受到了相当多的限制，它无法指定大小，里面的...
PHPHub for iOS 是 PHPHub 的官方 iOS 客户端, 完美适配 iPhone 和 iPad, ...
最近iOS的客户端适配iOS13，需要将原来的UISearchDisplayController替换为UISear...
在 IOS 上使用 iframe 的时候，发现超出的内容无法滚动了，在安卓上没有发现这样的问题。使用 -webki...
iOS 设计模式 - 适配器 原理图 对象适配器 类适配器 多重继承 说明 为了让客户端尽可能的通用,我们使用适配...
本文标题：iframe在ios端无法适配
本文链接：https://www.haomeiwen.com/subject/uojmrxtx.html
网友评论