为什么我在Zurb Foundation 5.5.3中的1000px宽图像没有填满整个大12列?

时间:2016-05-24 15:00:37

标签: zurb-foundation zurb-foundation-5

我正在使用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

我认为根据我的问题In Zurb Foundation 5.5.3 to what size(s) do I resize JPEGs such as 5472x3080 to take up the whole 12 columns or less using Interchange?确定,对于Foundation 5.5.3使用12列设置,宽度等于1000px,因此覆盖了您想要将图像大小调整为1000px的完整12列宽?

2 个答案:

答案 0 :(得分:1)

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

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

它会按预期工作

答案 1 :(得分:1)

此外,您可以将类.small-12添加到图片中,它将占用100%的可用宽度。

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