我正在为我的简单网站(http://tinyurl.com/mmzt9qa)使用 Skeleton 样板。主页运行良好,但由于某种原因,当我在 960 像素 div 框(又名 16 列)中插入 960 像素图像时,布局稍微向左移动(这在徽标上尤其明显,因为该网站非常基本)。在没有大图像的页面上一切都很好。我检查了是否添加了任何填充/边距,但我看不到任何东西......基本上:
<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),你会明白我的意思。我尝试降低图像大小,但即使在 500px 宽度上它也会做同样的事情......