本文介绍了在iOS设备上遇到的iframe宽度无法自适应的问题，提出了解决方案：通过在iframe外层设置`-webkit-overflow-scrolling: touch;`属性，并在iframe标签内设置`scrolling="no"`来实现屏幕适配。同时指出，`scrolling="no"`可能导致iframe内容无法滚动，解决方法是引入外层容器并设定最小高度。
iframe适配问题
问题描述：iframe引入外部页面，安卓机型正常，ios机型上宽度无法自适应，超出了设置的宽度大小（即：设置宽度无效）
解决方案：在iframe标签外嵌套一层，并设置css属性：-webkit-overflow-scrolling: touch; 但在chrome查看样式，出现横线划掉，不用去管他，继续这样操作就好；此问题的关键在于iframe标签里面加入：scrolling=“no”就能解决屏幕适配问题，但是如果为"no"又会引起另外一个问题，iframe嵌入的网页高度无法滚动了，所以需要外面引入一层，然后设置iframe的最小高度
// 实现效果
<div id="scroll-wrapper">
<iframe v-show="iframeState" id
最低0.47元/天 解锁文章
2307
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
