很长一段时间,我的一个客户希望我为他建立一个ios模拟器,并把它放在一个网站上。这样,当他的客户去xyz.com时,他们会看到一个ios外壳(一个中心切出ios手机的图片)和他们在该外壳内的网站。 他真的不想要任何真正的功能,他想要的只是能够向他的客户展示 他们的网站在移动设备上的样子
那说,我认为这应该很容易,我把iframe尺寸调到ios模拟屏幕尺寸(320 x 480等),把光源指向 他已经建立的移动网站,就是这样。由于移动网站已经具有灵活的宽度,它应该很合适........
问题是,在iphone(4s / 3gs)和IPAD上,iframe的内容不能正常工作,如果有的话。宽度超出ipad / iphone的窗口。它表现得像我从来没有为它设置宽度....并且点击....在iframe中不存在。如果可以的话,几乎不能点击它们......几乎不能滚动等等。
我做了更多测试,(在朋友的机器人手机上)和我的Sammy galaxytab 8.9和7.1, 它们在视觉上显示得很好,但点击内部是不存在的。
我用谷歌搜索了“irame的iframe问题”和不同的查询,但没有什么特别的,所以我来到专业人士。
只是想要看看我的意思。下面是我所做的一个工作实例...如果你看一下代码,没什么特别的。从字面上看,iframe及其来源。
哦,为了以防万一,为了测试,我改变了他从其他人那里获得的移动网站的源代码,并将其更改为我的端口网站,同样的事情。
继承人http://somdowprod.net/4testing/411/index2
我的问题是,与IFRAME和移动设备的交易是什么?似乎我无法让他们中的任何一个显示我想要的标准电脑上的行为方式。
我已经在许多不同的设备/机器上进行了测试,并且所有桌面都很好,表现得如此。在几乎每个MOBILE设备上,它都是一个nogo。
编辑 - 问题似乎是在IOS上,它不接受宽度/高度...过了一会儿,我决定将iframe包装在另一个div中,给iframes属性,并强制溢出滚动.......它现在看起来更好,我可以点击按钮,但现在div不会滚动lol。
任何提示,链接等,我都很感激。
提前致谢。
答案 0 :(得分:0)
您似乎正在使用html5,请查看iframe的'无缝'属性 (指定iframe看起来应该是包含文档的一部分)
答案 1 :(得分:0)
我认为有办法解决这个问题。看这里:https://discussions.apple.com/message/19780023#19780023
您可能还需要为iframe添加宽度和高度,因为有时它对桌面也不起作用。