ios设备使用iframe宽度超出屏幕的解决方法

作者: 流浪的三鮮餡 | 来源:发表于2020-02-23 17:29 被阅读0次

注意：此问题仅才IOS12及之前的版本出现，在IOS13之后已被修复。

1、给iframe的外层div添加样式：

div {
  overflow: auto;
  -webkit-overflow-scrolling:touch;
  width:100%;
  }

2、给iframe设置属性scrolling='no'
3、给iframe设置样式：width: 1px; min-width: 100%; *width: 100%;

ios设备使用iframe宽度超出屏幕的解决方法
注意：此问题仅才IOS12及之前的版本出现，在IOS13之后已被修复。解决方式 1、给iframe的外层div添...
iframe，iOS下iframe页面内容宽度超出屏幕宽度
iframe在ios设备宽度超出屏幕解决办法
做h5项目时，使用iframe嵌套一个h5子页面在ios手机上出现超出屏幕的问题。子页面本身是没有超出屏幕的，给i...
iframe ios与安卓兼容问题
ios iframe会放大为实际宽度bug
react-native ListView在安卓上不能滚动
react-native中，使用ListView的时候发现在iOS上可以随意滚动，但是在安卓设备上超出屏幕的内容就...
[记录]让 IOS 支持 iframe 滚动
在 IOS 上使用 iframe 的时候，发现超出的内容无法滚动了，在安卓上没有发现这样的问题。使用 -webki...
iOS 获取设备的各种信息
iOS 获取设备的各种信息一、目录结构: 获取屏幕宽度与高度获取设备版本号获取iPhone名称获取app版...
iOS 开发小日记 - 持续更新
/** 设备屏幕宽度 */ /** 设备屏幕高度 */ /** iPhoneX判断 */ /** 状态栏高度 */...
iframe标签与a标签的使用
iframe定义及用法（使用iframe页面会很卡不建议使用） iframe默认高度为50px，宽度为100px；...
head中的meta关于手机模式的一些设置解读
让页面在手机屏幕中自适应宽度: width=device-width ：表示宽度是设备屏幕的宽度 initial-...