为什么我在 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">
我正在使用 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
我认为根据我的问题
您的行 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">