Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Norum
@Norum
HTML
CSS
Как поместить картинку в блок, чтобы она не обрезалась, если я не знаю ее высоты и ширины?
Как поместить ЛЮБУЮ картинку в блок, чтобы она не обрезалась и сохраняла пропорции, если я не знаю ее высоту и ширину?
Оффтоп- задание фиксированной высоты и ширины, это плохо?
Вопрос задан
более трёх лет назад
65 просмотров
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
PHP
+1 ещё
Простой
Как получить id от button?
1 подписчик
2 часа назад
34 просмотра
0
ответов
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
14 часов назад
67 просмотров
2
ответа
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
вчера
49 просмотров
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
вчера
122 просмотра
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
173 просмотра
0
ответов
JavaScript
+3 ещё
Простой
Как реализовать обновление цены?
1 подписчик
29 мар.
144 просмотра
0
ответов
HTML
+1 ещё
Простой
Почему видеофайл не доступен напрямую в браузере?
1 подписчик
29 мар.
130 просмотров
3
ответа
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
129 просмотров
0
ответов
HTML
+2 ещё
Простой
Как просмотреть скрытый sitemap.xml?
1 подписчик
27 мар.
135 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как заново включить анимацию картинке?
1 подписчик
26 мар.
109 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Парсер для сайта
Rotormine
от 10 000 до 100 000 ₽
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама