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

Как сделать чтобы css не обрезал картинку по высоте?

Есть картинка. Когда указываю background-size: cover; , то картинка обрезается по высоте. Посоветуйте, что сделать, чтобы картинка не обрезалась по высоте на больших экранах, а на маленьких она сжималась по ширине
  • Вопрос задан
  • 579 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 3
lexapashkov
@lexapashkov 
.your_div{
background-size: auto 100%;  /* ширина высота */
}
/*---- Медиа запрос для мобильных устройств ----*/
@media all and (max-width: 768px){
.your_div{
background-size: 100% auto;  /* ширина высота */
}
}

Если будут какие то проблемы с отображением можно еще поиграть с
background-position: 50% 50%; /* ширина высота */
Ответ написан
Комментировать
Комментировать
natojezlo
@natojezlo
медиа запросами никак?
bgsize 100% auto
Ответ написан
Комментировать
Комментировать
@skuvaWeb
bgsize: contain?
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

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