移動設備上的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，因爲有時它不適用於桌面。