html - 插入图片时布局移动几个像素

Question

我正在为我的简单网站 ( http://tinyurl.com/mmzt9qa ) 使用 Skleleton 样板。主页完美运行，但出于某种原因，当我在 960 像素的 div 框(又名 16 列)中插入 960 像素的图像时，布局会稍微向左移动(这在 Logo 上尤其明显，因为该网站非常基本)。在没有大图像的页面上一切都很好。我检查了是否添加了任何填充/边距，但我看不到任何东西......基本上:

<div class="sixteen columns">
    <p>This works perfectly</p>
</div>

<div class="sixteen columns">
    <img src="media/image.jpg" width="960" height="732"  alt="" class="responsive-image"/>
    <p>This makes the layout move</p>
</div>

例如，检查网站上的第一个链接，然后检查第五个(麦当劳 - Playland)，您就会明白我的意思。我尝试降低图像尺寸，但即使在 500 像素宽度上它也会做同样的事情......

Answer 1

当插入图片时，它看起来对浏览器来说太高了，所以它会在右侧显示一个滚动条，导致 Logo 向左移动一点。