Html 找出边界从何而来

我正在使用Twitter引导在PhoneGap上创建布局

与之相对应的是768px

我有一个简单的HTML：

<div class="container">
<div class="span12" style="background: red;">
<img src="img/teste.png">
</div>
</div>

我放置了红色背景，只是为了检查宽度是否合适。 这是一张768px的图片；

这是我添加图像时该死的左边距：

我已经检查了bootstrap.css和bootstrap-responsive.css中的margin命令，什么都没有

---

图像宽度为768px（选中）。我需要使图像适合768px。

尝试将边距和填充重新设置为零

*{margin:0px;Padding:0px;}

---

您看到的边距是引导网格系统的一部分。它是为了使内容与引导中给定的宽度相匹配，并通过

.row

div进行偏移，而您的标记中不包括该行

因此，只需将

.span12

div封装在

.row

div中，它就应该被删除

<div class="container">
    <div class="row">
        <div class="span12" style="background: red;">
            <img src="img/teste.png">
        </div>
    </div>
</div>

为什么不使用Inspector（右键单击Inspect元素）查看发生了什么？谢谢@EvanMulawski忘记了这一点，现在我注意到当我添加图像时，看起来

bootstrap responsive.css

不起作用。相同的结果…我认为添加图像时

bootstrap responsive.css

不起作用，不知道是否有意义，但添加图像时，

bootstrap responsive.css

中的768px宽度未被使用。这一行使边距看起来更小，但仍然存在。使用firebug我发现CSS计算值不正常，它没有调用正确的样式。我的头上有一个meta

，加载的宽度是

711px

，我不知道why@Gerep将

img{width:100%；height:auto；}

添加到css中，以测试图像是否在屏幕宽度上缩小。