2012-04-18 86 views
0

我正在使用Twitter Bootstrap在PhoneGap上创建布局。查找来自哪里的边框

with是768px;

我有这个简单的HTML:

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

我已经取代红色背景只是为了检查,如果宽度是确定的,它是。 这是图像,768px;

这里是该死留有余量,当我添加图像: enter image description here

我已经检查都bootstrap.css和引导,responsive.css保证金的命令并没有什么。

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

+2

为什么不使用Inspector(右击,Inspect Element)来查看发生了什么? – 2012-04-18 12:14:12

+0

谢谢@EvanMulawski忘记了这一点,现在我注意到,当我添加图像时,它看起来像'bootstrap-responsive.css'不起作用。 – Gerep 2012-04-18 12:15:54

回答

0

你看到的是引导网格系统的一部分保证金。它可以正确匹配引导程序中给出的宽度,并且可以通过.row div来抵消内容,而不包括在您的标记中。

所以只要你包住DIV .span12一个.row DIV中,它应该被删除。

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

添加该行使边距看起来稍小一些,但仍然存在。使用萤火虫我发现CSS计算值不正确,它不会调用正确的样式。在我的头文件中,我有这个元元素,它的宽度是711px,不知道为什么 – Gerep 2012-04-18 12:28:04

+0

@Gerep添加'img {width:100%;身高:自动; }'到你的CSS来测试图像是否在屏幕宽度上缩小。 – 2012-04-18 12:30:23

0

尝试margin和padding重新设置为零

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

相同的结果...我认为'bootstrap-responsive.css'在我添加图片时不起作用,不知道它是否有意义,但是当我添加图片时,来自'bootstrap-responsive.css的768px宽度'不使用 – Gerep 2012-04-18 12:17:11