移动设备上的IFRAMES存在问题

Question

长期以来，我的一位客户希望我为他构建一个ios模拟器，并将其放在网站上。这样，当他的客户例如xyz.com时，他们看到一个ios外壳（中心切出ios电话的图片）以及它们在该外壳内的网站。 他真的不想要任何真正的功能，所有他想要的是能够向他的客户展示他的网站在移动设备上的样子

这就是说，我认为这应该很容易，我采取iframe大小它取决于ios模拟屏幕尺寸（320 x 480等），将源指向他已经构建的 移动网站，就是这样。由于移动网站他已经有了灵活的宽度，它应该很好地适合........

问题是，在iPhone（4s/3gs）和IPAD上，iframe的内容不能正常工作，如果有的话。宽度超出了iPad/iPhone上的窗口。它的行为就像我从来没有为它设置宽度....并点击....在该iframe内不存在。他们几乎不会被点击，如果有的话....可以勉强滚动等。

因为我做了更多的测试，视觉上，但是，点击里面是不存在的。

我已经搜索了“iframe与ios的问题”和不同的查询，但没有具体的，所以我来专业。

只要你想看看我的意思。继承人是我所做的一个工作示例......如果你看代码，没有什么奇特的。从字面上看，一个iframe及其来源。

哦，为了以防万一，为了测试，我改变了他已经从别人那里获得的移动网站的源代码，并将其更改为我的端口网站和相同的东西。

继承人的链接http://somdowprod.net/4testing/411/index2

我的问题是，什么该处理IFrame及移动设备？似乎我不能让他们中的任何人显示我想要的方式，它的行为在标准的PC上。

我测试过很多不同的设备/机器，所有台式机都很好，按照他们应该的方式行事。在几乎所有的MOBILE设备上，它都是一个nogo。

编辑 - 问题似乎是，特别是在IOS，它不接受宽度/高度...一段时间后，我决定将iframe包装在另一个div中，给出iframes属性，并强制溢出滚动.......它现在看起来更好，我可以点击按钮，但现在div不会滚动哈哈。

任何提示，链接等，我明白。

在此先感谢。

Answer 1

看来你是使用HTML5，窥视“无缝”属性的iframe的 （指定的iframe应该像它包含文档的一部分）

http://www.w3schools.com/tags/tag_iframe.asp

Answer 2

我想有是解决这个问题的一种方法。看这里：https://discussions.apple.com/message/19780023#19780023

您可能还需要添加宽度和高度的iframe，因为有时它不适用于桌面。