文章/答案/技术大牛

发布

社区首页 >问答首页 >iFrame内容大小调整不能在移动环境下工作

问iFrame内容大小调整不能在移动环境下工作
EN

Stack Overflow用户

提问于 2014-06-06 16:11:13

回答 1查看 5K关注 0票数 1

我有以下HTML页面：

<html>
<head>
<style>
    #dummy-block {      
        display: block;
        position: relative;
        margin-top: 70px;
        width: 100%;
        height: 70px;
        border: 2px solid red;
    }

    .paragraph {
        display: block;
        position: relative;
        margin-top: 50px;
        width: 100%;
    }
</style>
</head>

<body>

<h1>iFrame Test</h1>
<iframe seamles name="inlineframe" src="About.html" frameborder="1" scrolling="auto" width="100%" height="500px" marginwidth="5" marginheight="5">
</iframe>


<div id="dummy-block">
</div>

<div class="paragraph">
    <h3>Test Paragraph</h3>
    <p>
        Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por   
        scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in 
        li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de 
        un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser 
        necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues 
        coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent 
        lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan 
        lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso 
        it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental 
        es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por 
        scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in 
        li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de 
        un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser 
        necessi far uniform grammatica, pronunciation e plu sommun paroles. 
    </p>
</div>



</body>
</html>

我的"About.html“使用引导来实现响应，如果通过我的桌面浏览器访问页面，这种响应可以在iframe中工作，我可以调整窗口的大小，并且iframe的内容也会被调整大小，这意味着如果我将窗口调整到400 as或类似的东西，框架将出现在‘移动模式’中。

但是一旦我把代码上传到我的服务器并从我的手机上检查出来，iframe就没有被调整大小，而是显示了我的站点的“桌面版本”。

有什么建议吗？

html

twitter-bootstrap

iframe

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-06-06 18:59:40

我想出来了！只要包含iframe的页面具有：

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">

如果需要，iframe将自动调整大小。

好吧，至少在这件案子里我就是这么干的。

票数 8

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24086315

复制

相似问题

问iFrame内容大小调整不能在移动环境下工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iFrame内容大小调整不能在移动环境下工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iFrame内容大小调整不能在移动环境下工作
EN