主页面嵌入了使用JQUERY SUPERSLIDES插件开发的响应式移动页面。如果使用safari直接在IPHONE上加载移动页面,则该页面看起来很好。但是,当它嵌入到iframe时,它不会在IPHONE上呈现(正如您从下面的第二个屏幕截图中看到的,只有部分图像可见)。
main.html中
<iframe id="ifrmadcontainer" seamless="seamless" scrolling="no" frameborder="0" style="width:100%;height:100%;" src="touch.html">
</iframe>
touch.html位于http://jsfiddle.net/w1vcrLy8/
它在Desktop Safari和Chrome上的外观:
它在IPhone Safari中的外观:
答案 0 :(得分:0)
元设备是否存在于iframe内部和嵌入它的页面之外?
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />