MrC*_*ujo 1 html iframe twitter-bootstrap
我有以下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”使用Bootstrap来实现响应，如果通过桌面浏览器访问页面，则此响应在iframe中有效，我可以调整窗口大小，并且iframe的内容也将重新调整大小，这意味着我将窗口的大小调整为400px或类似的帧将在“移动模式”下显示。
但是，一旦我将代码上传到服务器并从手机中签出，iframe便没有进行调整大小，而是显示了网站的“桌面版本”。
有什么建议么？
我想到了！只要包含iframe的页面具有以下内容：
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
必要时，iframe会自动调整大小。
好吧，至少在这种情况下，这对我有用。
| 归档时间： |
|
| 查看次数： |
3119 次 |
| 最近记录： |