启动代码B. iframe 没有正确显示
以下是一个简单的页面。 html 从 iframe. 在这内 iframe 有几行荧光行。 问题现在是内容的事实 iframe 折叠，但它必须是一行。 有足够的空间 "label" 和 "main content", 在同一条线上。
以下是主页代码：
这是代码 iframe:
结果现在是
:
标签
主要内容
标签 1
主要内容 1
反而
标签的主要内容
标签 1 主要内容 1
有谁知道我如何达到预期的结果？
以下是主页代码：
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
有谁知道我如何达到预期的结果？
没有找到相关结果
已邀请:
2 个回复
诸葛浮云
赞同来自:
以下是一个例子
http://twitter.github.io/boots ... e.css
http://jsfiddle.net/ebrPt/
/尝试减少宽度/
但没有反馈的一个例子 css
http://jsfiddle.net/ebrPt/1/
/尝试减少宽度/
诸葛浮云
赞同来自:
@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;
}
}