Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Norum
@Norum
HTML
CSS
Как поместить картинку в блок, чтобы она не обрезалась, если я не знаю ее высоты и ширины?
Как поместить ЛЮБУЮ картинку в блок, чтобы она не обрезалась и сохраняла пропорции, если я не знаю ее высоту и ширину?
Оффтоп- задание фиксированной высоты и ширины, это плохо?
Вопрос задан
более трёх лет назад
68 просмотров
6
комментариев
Подписаться
2
Простой
6
комментариев
Facebook
Вконтакте
Twitter
Максим
@LenovoId
я же 1000 раз показывал тебе это
стилизуем изображение ... width: 100% или max-width: 100%
не указываем
высоту + object-fit: cover
Написано
более трёх лет назад
Norum
@Norum
Автор вопроса
Максим Ленский
, если не задавать высоту, получается вот так
Написано
более трёх лет назад
Максим
@LenovoId
Norum
, тогда сделай высоту 100% но не забудь написать object-fit: cover - проверь и напиши о результате
покажи макет
Написано
более трёх лет назад
Norum
@Norum
Автор вопроса
Максим Ленский
, c высотой 100% работает
Написано
более трёх лет назад
Максим
@LenovoId
Norum
, прекрасно - вопрос решён получается ?
Написано
более трёх лет назад
Norum
@Norum
Автор вопроса
Максим Ленский
, да
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как убрать лишний div в root React?
1 подписчик
3 часа назад
60 просмотров
0
ответов
HTML
+1 ещё
Простой
Как добавить оттенки на фоне как на макете?
1 подписчик
22 часа назад
41 просмотр
0
ответов
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
25 июл.
147 просмотров
1
ответ
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
25 июл.
101 просмотр
1
ответ
HTML
Средний
Как добавить в HTML страницу воспроизведение музыки?
1 подписчик
25 июл.
105 просмотров
1
ответ
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
57 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
54 просмотра
0
ответов
CSS
Простой
Как выровнять крестик?
1 подписчик
23 июл.
103 просмотра
1
ответ
CSS
Простой
Как решить проблему с наложением в сафари?
2 подписчика
22 июл.
293 просмотра
1
ответ
CSS
Простой
Что поправить в градиенте?
1 подписчик
21 июл.
100 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама