3

长话短说,我的一个客户希望我为他构建一个 ios 模拟器,并将其放在网站上。这样,当他的客户访问例如 xyz.com 时,他们会看到一个 ios 外壳(一张中间切出 ios 手机的图片)以及他们在该外壳内的网站。他真的不想要任何真正的功能,他想要的只是能够向他的客户展示他们的网站在移动设备上的样子

也就是说,我认为这应该很容易,我将 iframe 大小调整为 ios 模拟屏幕大小(320 x 480 等),将源指向他已经构建的移动站点,就是这样。由于他的移动网站已经有灵活的宽度,它应该很适合......

问题是,在 iphone(4s/3gs) 和 IPAD 上,iframe 的内容不能正常工作,如果有的话。宽度在 ipad/iphone 上超出窗口。它的行为就像我从来没有为它设置宽度......并且点击......在那个 iframe 中不存在。如果有的话,它们几乎不能被点击……几乎不能滚动等等。

当我进行更多测试时,(在朋友的机器人手机上)和我的 Sammy galaxytab 8.9 和 7.1 上,它们在视觉上显示得很好,但是,点击里面是不存在的。

我用谷歌搜索了“ios 的 iframe 问题”和各种查询,但没有具体的,所以我来找专业人士。

以防你想明白我的意思。这是我所做的一个工作示例......如果你看一下代码,没什么特别的。从字面上看,一个 iframe 及其来源。

哦,以防万一,为了测试,我从他已经从其他人那里获得的移动网站更改了源代码,并将其更改为我的端口网站,同样的事情。

这是链接http://somdowprod.net/4testing/411/index2

我的问题是,IFRAME 和移动设备有什么关系?似乎我无法让它们中的任何一个显示我想要它在标准电脑上的行为方式。

我已经在许多不同的设备/机器上进行了测试,所有桌面都很好,表现得应该是这样。在几乎所有移动设备上,它都是一个 nogo。

编辑 - 问题似乎是在IOS上,它不接受宽度/高度......过了一会儿,我决定将iframe包装在另一个div中,给出iframes属性,并强制溢出滚动...... ...现在看起来更好,我可以单击按钮,但现在 div 不会滚动大声笑。

任何提示,链接等,我很感激。

提前致谢。

4

2 回答 2

1

看来您正在使用 html5,查看 iframe 的“无缝”属性(指定 iframe 应该看起来像是包含文档的一部分)

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

于 2012-04-09T18:01:08.527 回答
0

我认为有办法解决这个问题。看这里:https ://discussions.apple.com/message/19780023#19780023

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

于 2014-08-27T02:13:52.657 回答