为什么我在 Zurb 基金会 5.5.3 中的 1000px 宽图像没有填充完整的 big-12 列

Question

我正在使用带有原版CSS的Zurb Foundation 5.5.3。

我的 1000pxx430px 图像没有占用此屏幕截图的 100% 宽度：https://www.dropbox.com/s/tkp1w4pz3e4xrgt/Screenshot%202016-05-24%2010.57.33.png?dl=0

我认为它是根据我的问题在 Zurb Foundation 5.5.3 中建立的，我应该将 JPEG （例如 5472x3080）的大小调整为什么大小，以使用交换占据整个 12 列或更少？ 对于使用 12 列设置的 Foundation 5.5.3，宽度等于 1000px，因此要覆盖您希望将图像大小调整为 1000px 宽的全部 12 列？

Answer 1

您的行类宽度为 1200 像素，图像为 1000 像素。试试这个：

<img src="/img/IMG_4039_1000x430.jpg" style="width:100%">

它将按您的预期工作

Answer 2

您也可以

将类.small-12添加到图像中，它将占用100%的可用宽度。

<img src="/img/IMG_4039_1000x430.jpg" class="small-12">