Почему мое изображение шириной 1000px в Zurb Foundation 5.5.3 не заполняет всю колонку large-12?

Question

Я использую Zurb Foundation 5.5.3 с ванильным CSS.

Мое изображение размером 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 столбцов или меньше, используя Interchange? что для Foundation 5.5.3 с использованием 12-колоночной установки ширина равна 1000px, таким образом, чтобы покрыть полные 12 столбцов, вы хотите увеличить размер изображения до 1000px в ширину?

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">