如何让我的 iFrame 代码也适用于手机？

【问题标题】：How to make my iFrame code work for mobiles too?如何让我的 iFrame 代码也适用于手机？
【发布时间】：2014-03-11 23:00:41
【问题描述】：

这是我在这里的第一篇文章，我希望我很幸运能够在搜索这个问题几个小时后最终得到答案：/

我正在使用一个简单的 HTML iFrame 代码：

<iframe src="http://WEBSITE-HERE.com" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe>

它适用于桌面浏览器，但当移动访问者访问该链接时，会提示他们下载一些文件，而该链接根本无法加载。有什么办法可以让它也适用于移动访问者吗？（链接来自三星 Galaxy S3）

【问题讨论】：

你指的是什么链接？您的意思是当移动设备加载包含 iframe 的页面时会提示下载？
是的，完全正确。 “WEBSITE-HERE.com”是一个不同的网站，与存储代码的网站不同（就像我试图在另一个网站中为另一个网站添加 iFrame 一样）都加载在同一页面上。但是当一个移动用户来的时候，我会被提升去下载类似的东西：Mobogenie ..

标签： html iframe

【解决方案1】：

或者，您可以使用jQuery/AJAX 在div 而不是iframe 中加载页面：

$('#w_oContainer').load('page.htm');

CSS 或脚本不需要引用即可应用/通信，并提供比 iframe 更好的用户体验。这里有更详细的说明：(Reasons for not using IFrame?)

【讨论】：

首先，感谢您的回答。但是你能告诉我我到底需要做什么，代码应该是什么样子，因为我是这个领域的初学者......谢谢
在页面的<head> 部分添加jQuery（例如<script type="text/javascript" src="script/jquery.min.js"></script>），然后只需编写上述语法即可。 #w_oContainer 是您的 div 标识。 jQuery 库可以从 - jquery.com 下载