Задать вопрос
@ortsuev33
css

Как в блоке для картинки вывести картинку без изменения соотношения блока или картинки?

Как в блоке для картинки вывести картинку без изменения соотношения блока или картинки?
пример есть блок 400на 400 и картинка 600 на 600 как сделать так чтобы картинка вставилась как обрезанная в этот блок?
  • Вопрос задан
  • 49 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Фоновой картинкой с центрированием и обрезкой по соотношению.

.image{
background-image: url(...);
background-position: center;
background-size: cover;


PS: если же нужно именно обрезать, то смотри правила background-size. Или в сторону overflow:hidden с использование непосредственно изображения.
Ответ написан
7 комментариев
7 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы