Question

任何人都找到了一个很好的解决方案来让iframe在Android或iPhone上运行？

我将整个网页嵌入到100％宽度和100％高度的索引页面中，以便从其他位置路由到网页。

唯一的问题是当我在桌面上调整浏览器大小时，我的网页的媒体查询响应很好。但是当我在我的三星galaxy s5上加载网页时，会显示iframe，它会显示我网页的全部内容，但它不会检测正在使用的媒体查询。

如果我将其从iframe中删除，那么它就会在移动设备/平板电脑上完全响应，因此您就知道了。

HTML：

<html>
    <head>
        <title>TEST</title>
        <style type="text/css">
            body, html {
                margin:0; padding:0; height:100%; overflow:hidden;
            }
            .content {
                position: relative;
                height: 0;
                overflow: hidden;
            }
            iframe {
                position: absolute;
                top:0;
                left: 0;
                width: 100%;
                height: 100%;
            }           
        </style>
    </head>
    <body>
        <div id="content">
            <iframe width="100%" height="100%" frameborder="0" src=""></iframe>
        </div>
    </body>
</html>

Answer 1

您是否可以控制iframe的代码？一般来说宽度：100％都可以，但iframe里面发生了什么？

iframe内容无法响应移动设备上的媒体查询

1 个答案: