height: 100% для картинок во flex-контейнере
Решил сверстать адаптивную галерею картинок на flexbox. При этом столкнулся с неприятным багом - блоки с картинками отказываются правильно растягиваться по высоте и занимать всю площадь.
Решить это можно добавлением к img height:100% тогда все работает отлично только в Chrome и firefox , но не в Safari.
Вопрос: как заставить блоки с картинками растягиваться правильно по высоте во все браузерах?
Пример на Codepen
Можно решить проблему таким способом: нужно присвоить высоту .grid__item к img
$('.grid__item').each(function (i,v){
var h = $(v).height();
$(v).find('img').height(h);
});
-
11:09
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
-
12:24
-
21:54
-
06:25
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
- Почему SERVER_ADDR имеет не тот IP 50378 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31986 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26377 visits
- Как через css изменить цвет png изображения? 11798 visits
- Blob video url download 11336 visits
- Php curl запрос через прокси с авторизацией 10753 visits
- Работа с captcha vk api 9547 visits
© "hostciti.net" 15.5.2026 | 10:39