1

Решил сверстать адаптивную галерею картинок на flexbox. При этом столкнулся с неприятным багом - блоки с картинками отказываются правильно растягиваться по высоте и занимать всю площадь.

Решить это можно добавлением к img height:100% тогда все работает отлично только в Chrome и firefox , но не в Safari.

Вопрос: как заставить блоки с картинками растягиваться правильно по высоте во все браузерах?

Пример на Codepen

Кривие блоки

3
  • а пример кода можно? 5 июл 2017 в 10:04
  • @RazmikGalstyan Пример на Codepen, смотри ниже
    – JavAs
    5 июл 2017 в 10:08
  • ну да но все это можно и здесь сделать в вопросе, что бы наглядно было 5 июл 2017 в 10:09

1 ответ 1

0

Можно решить проблему таким способом: нужно присвоить высоту .grid__item к img

  $('.grid__item').each(function (i,v){
          var h = $(v).height();
          $(v).find('img').height(h);
      });

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.