- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Есть фото людей немного разные, одни почти квадратные размером примерно 80*80 пикселей, а есть 80*120.
Т.е. либо почти квадратная, либо как кирпич вытанутая по вертикали. Область головы в верхней трети у всех.
И вот я хочу для одного из модулей на сайте вывести эти фото, чтобы они имели одинаковый стиль, размер, но чтобы не кромсать пропорции лица. Если ли какие то лайфхаки для этого средствами css ?
Просто выводишь фото в верхней части квадратного блока c overflow-y: hidden.
Если фото фоном у блока, то background-size: contain; или background-size: cover;
Если через img, то object-fit: cover; но там еще вроде width: 100%; надо указать и height.