Question

我正在使用fancybox在iframe弹出窗口中嵌入外部响应式网页。

问题：只有在safari IOS上，iframe才能正常收缩到手机大小。在其他设备（Android，Windows桌面等）上，iframe工作得很好，即使加载后浏览器大小发生变化，响应式网站也会缩小。

<script type="text/javascript">

$(document).ready(function() {
    $(".various").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });
});
</script>
    </head>
<body>

<a class="various fancybox.iframe" href="http://myresponsivepage.com">iframe</a>
</body>
</html>

问题：iframe响应能力的原因可能仅在IOS上无法正常工作？如何解决这个问题？

旁注：我完全掌控myresponsivepage.com。它是一个基于angularjs和bootstrap构建的应用程序。任何其他设备的响应性都很好，所以一般来说应该没问题。

响应式iframe无法在IOS上工作？

0 个答案: