为什么我在 Zurb Foundation 5.5.3 中的 1000px 宽图像没有填充完整的 large-12 列?

Why is my 1000px wide image in Zurb Foundation 5.5.3 not filling the full large-12 column?

我正在使用 Zurb Foundation 5.5.3 和 vanilla CSS。

根据这张截图,我的 1000pxx430px 图像没有占据 100% 的宽度: https://www.dropbox.com/s/tkp1w4pz3e4xrgt/Screenshot%202016-05-24%2010.57.33.png?dl=0

我认为根据我的问题,对于使用 12 列设置的 Foundation 5.5.3,宽度等于 1000px 从而覆盖您想要调整图像大小的全部 12 列到 1000 像素宽?

您的行 class 的宽度为 1200 像素,您的图像为 1000 像素。 试试这个:

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

它会像你期望的那样工作

您也可以将 class .small-12 添加到图像中,它将占用 100% 可用宽度。

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