在开发H5项目中，遇到了一个棘手问题：iframe在iOS设备上宽度超过了屏幕，导致显示不正常。而在Android设备上则表现正常。为解决此问题，通过在iframe外部包裹一个div，并设置div样式为`overflow: auto; -webkit-overflow-scrolling: touch; width: 100%;`，同时将iframe的`scrolling`属性设为'no'，并应用样式`width: 1px; min-width: 100%; *width: 100%;`，成功解决了iframe在iOS上的宽度超出屏幕的问题。
做h5项目时遇到iframe在ios手机上超出屏幕的问题，在iframe外层套了一个div，div的宽度为屏幕宽度的90%；给iframe设置了宽度100%没有用，在ios手机上为超出屏幕，但是在安卓手机上显示正常。
解决办法：
- 给iframe的外层div添加样式：overflow: auto;-webkit-overflow-scrolling:touch;width:100%;
- 给iframe设置属性scrolling=‘no’
- 给iframe设置样式：width: 1px; min-width: 100%; *width: 100%;
<div style="overflow: auto;-webkit-overflow-scrolling:touch;
最低0.47元/天 解锁文章
扫一扫
3116
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
