比较来自世界各地的卖家的域名和 IT 服务价格

启动代码B. iframe 没有正确显示

以下是一个简单的页面。 html 从 iframe. 在这内 iframe 有几行荧光行。 问题现在是内容的事实 iframe 折叠,但它必须是一行。 有足够的空间 "label" 和 "main content", 在同一条线上。

以下是主页代码:


html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DT ... ot%3B[/url]
<html dir="ltr" lang="en-gb" xml:lang="en-gb" xmlns="[url=http://www.w3.org/1999/xhtml">]http://www.w3.org/1999/xhtml">[/url]
<head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"/>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row-fluid">
<div class="span12">
<iframe src="frame.html" width="500px"></iframe>
</div>
</div>
</body>
</html>


这是代码 iframe:


html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DT ... ot%3B[/url]
<html dir="ltr" lang="en-gb" xml:lang="en-gb" xmlns="[url=http://www.w3.org/1999/xhtml">]http://www.w3.org/1999/xhtml">[/url]
<head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"/>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row-fluid">
<div class="span6">label</div>
<div class="span6">main content</div>
</div>
<div class="row-fluid">
<div class="span6">label 1</div>
<div class="span6">main content 1</div>
</div>
</body>
</html>


结果现在是

:

标签

主要内容

标签 1

主要内容 1

反而

标签的主要内容

标签 1 主要内容 1

有谁知道我如何达到预期的结果?
已邀请:

诸葛浮云

赞同来自:

宽度为您 iframe 弥补 500 像素,如果你使用 Twitter Bootstrap css 对于自适应布局, media 请求打破您的小屏幕的布局。 您可以使用当前 markup, 但删除 Twitter Bootstrap responsive CSS.

以下是一个例子
http://twitter.github.io/boots ... e.css
http://jsfiddle.net/ebrPt/
/尝试减少宽度/

但没有反馈的一个例子 css

http://jsfiddle.net/ebrPt/1/
/尝试减少宽度/

诸葛浮云

赞同来自:

最后,我完成了我过多的一些标签 media bootstrap, 当我的时候 iframe


@media screen and /max-width: 767px/ {
.row-fluid [class*="span"] {
float: left !important;
width: 49% !important;
margin: 0 !important;
}
}

@media screen and /max-width: 480px/ {
.row-fluid [class*="span"] {
float: none !important;
width: 100% !important;
margin: 0 !important;
}
}

要回复问题请先登录注册