0

我遇到了引导程序版本 2 的问题，我无法真正修复网格。它在不同的屏幕尺寸上仍然很疯狂。我已将所有 html 元素包装在一个容器中，如下所示：

<header>
<div class="container">
<div class="row">
    <div class="span5">
        <img src="http://www.placehold.it/90x90" >
        <h1 >
           Header
        </h1>
    </div>
    <div class="span4 offset3 text-right">
        <h3>City</h3>
        <p>+7 (343) 999999999</p>
    </div>
</div>
</div>
</header>

<section class="container" id="anchors">
<div class="row">
<div class="span3 text-center">
    <img src="http://www.placehold.it/150x150">
    <a class="anchor">Anchor</a>
</div>
<div class="span3 text-center">
    <img src="http://www.placehold.it/150x150">
    <a class="anchor">Anchor</a>
</div>
<div class="span3 text-center">
    <img src="http://www.placehold.it/150x150">
    <a class="anchor">Anchor</a>
</div>
<div class="span3 text-center">
    <img src="http://www.placehold.it/150x150">
    <a class="anchor">Anchor</a>
</div>
</div>
</section>

而且它们仍然没有固定。那么，我如何使它无响应？将不胜感激任何帮助。

4

3 回答 3

2

解压缩您的 css 文件并删除“媒体查询”，例如：

// Landscape phones and down 
@media (max-width: 480px) { ... }  

// Landscape phone to portrait tablet
@media (max-width: 767px) { ... }   

// Portrait tablet to landscape and desktop                  
@media (min-width: 768px) and (max-width: 979px) { ... }

// Large desktop
@media (min-width: 1200px) { ... }
于 2013-07-30T05:24:39.660 回答
1

从您的评论中，我了解到您只有一个 css 文件。

您找到以下内容并将其完全删除：

@media screen and
(min-width: X px) and
(max-width: X px)

@media screen and
(min-device-width: X px) and
(max-device-width: X px)

您可以使用在线工具将最小文件转换为可编辑。

于 2013-07-30T05:24:34.200 回答
0

您可以将这两行从您的页面中删除，以确保它们在其中。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
于 2014-12-03T22:00:15.897 回答