iOS上的iFrame高度问题（移动Safari）
丈夫
页面来源示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Page</title>
</head>
<body>
<div class="main" style="height: 100%;">
<div class="header" style="height: 100px; background-color: green;"></div>
<iframe src="http://www.wikipedia.com"
style="height: 200px; width: 100%; border: none;"></iframe>
<div class="footer" style="height: 100px; background-color: green;"></div>
</div>
</body>
</html>
问题是，height中200px距离的IFrame内联样式是在移动Safari忽略：
另外，我想通过香草JavaScript动态更改IFrame的高度，该JavaScript在以下代码中根本无法使用：
document.getElementsByTagName('iframe')[0].style.height = "100px"
height根据开发工具可以正确更改样式的值，但由于IFrame的实际渲染高度不会更改，因此可以将其忽略。
这似乎只是移动Safari中的问题，并且可以在最新版本的桌面Safari，Firefox，Chrome，Androids WebView等上正常运行。
测试页：http : //devpublic.blob.core.windows.net/scriptstest/index.html
附注：我在浏览器堆栈上的各种设备上对此进行了测试，并在此处拍摄了屏幕截图，因为我手边没有实际的iDevice。
加布里埃尔·奥古斯托（Gabriel Augusto）
它看起来像这样：如何使IFrame在iOS Safari中响应？
iFrame仅在iOS上存在问题，因此您必须对其进行调整。
您可以将div包裹iframe，在iframe上设置css，对我有用的是添加：将属性scrolling ='no'放进去。
祝你好运。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
IFrame无法在IOS Safari上滚动
- 2
Safari / iOS / iPhone上的Bootstrap模式问题
- 3
jQuery $ .each问题与iOS Safari上的for循环
- 4
jQuery $ .each问题与iOS Safari上的for循环
- 5
iOS iPad上Safari的文本换行问题
- 6
固定元素高度问题/滚动时在移动设备上跳转
- 7
尝试在Safari上使用insertAfter移动标签的问题
- 8
iOS 8移动Safari在触摸事件上的时间戳错误
- 9
iOS 8移动Safari在触摸事件上的时间戳错误
- 10
在 iframe 上移动索引
- 11
WordPress移动最低高度问题
- 12
JQuery 在 IOS Safari 上使用 Select (Dropdown) 显示/隐藏问题
- 13
网站在移动版 Firefox、移动版 iOS 和 Safari 上无法正常运行
- 14
移动设备上 iframe 中的可拖动元素有问题
- 15
jQuery跨域iframe高度问题
- 16
Leaflet.js映射移动高度问题
- 17
iOS / Swift：UITableViewCell高度问题
- 18
iOS / Swift：UITableViewCell高度问题
- 19
iOS移动浏览器和OS X Safari上的Flexbox奇怪行为
- 20
HTML元素Safari iOS的高度100％
- 21
Inkfilepicker：在iframe中显示移动版本的问题
- 22
移动Safari-视口设备高度无法正常工作
- 23
Safari忽略了移动设备中img中的高度自动
- 24
移动Safari-视口设备高度无法正常工作
- 25
移动设备上的CSS文档高度
- 26
移动设备上的wordpress问题
- 27
iOS 8移动Safari图像加载损坏
- 28
Safari上的iframe：无法加载资源
- 29
Safari 移动版上的单击事件 jquery
我来说两句