我正在使用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列宽?
答案 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">