Кто как решает проблему красивого отображения фотографий, галерей на сайте?
Как пропорционально (чтобы не было вытянуто или приплюснуто) вставлять фотографии на страницы сайта. Структура обычно на списках внутри li>a>img. Лучшему комментатору скину на кофе.
Что нужно то ? Если нужно чтобы картинка подгонялась по ширине а высота уменьшалась пропорционально -
width: 100% height: auto
если зафиксирована высота - наоборот
предварительно у a - display: block или inline-block и задать высоту, ширину
Владимир: 4 изображение не соответствует требованиям) Ребят, вопрос четко сформулировал, чтобы фотографии были все одного размера и не тянулись и не сжимались. Если нет решения, то проходите мимо. То , что вы предлагаете сейчас использую, но нужно что-то другое.
Николай: Ну так напрягись, возмьми фотошоп и покажи чего хочешь. "не тянулись и не сжимались" понятие растяжимое. Я так понимаю тебе нужно подогнать фотографии к одному размеру при єтом не нарушая пропорций самой фотографии. Если понимать твое требование буквально, получается бред, чтобы фотографии, у которых изначально разный размер, сдлать одинаковыми нужно их или растянуть или сжать, но сделать это можно с сохранением пропорций или без или обрезать.
У вас изображения разные в песочнице. Как они могут быть одинаковыми? Как квадрат может быть по размеру такой как прямоугольник? Тут или квадрат растягивать до прямоугольника, или прямоугольник резать до квадрата. Разница в размерах роли не играет.
для a, в случае такой разметки, установлю display: block; и необходимые размеры, фиксированные или в % по ситуации, к img - width: 100%; height: 100%; object-fit: cover; Смотря насколько одинаковые фото, может использоваться для img и height: auto;
