css - iframe 中的嵌入式响应页面无法正确呈现

Question

主页面嵌入了响应式移动页面，该页面使用JQUERY SUPERSLIDES插件开发。移动页面如果直接在IPHONE 上用safari 加载看起来不错。但是，当它嵌入到 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/ 中

它在桌面 Safari 和 Chrome 上的外观:

它在 iPhone Safari 上的外观:

Answer 1

元设备是否同时出现在 iframe 内部和嵌入它的页面外部？

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />