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

Почему картинка не реагирует на изменения в CSS?

Вот это ЧБ изображение, на данной странице https://f8t.ru/trenirovki-rostov/ должно было растянуться в мобильной версии, но осталось уменьшенной как есть.

Код в css:

.single-featured-image-header img {
  
  height: 25%;
  margin: auto;
  width: 25%;
}

@media only screen and (max-device-width: 480px) {
.single-featured-image-header {
width: 100%;
}
}


Подскажите, почему не срабатывает CSS?
  • Вопрос задан
  • 362 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
kunitsyndenis
@kunitsyndenis
motive.cafe
media only screen and (max-device-width: 480px) {
.single-featured-image-header img {
width: 100%;
height: 100%;
}
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@dsmaslov
Видимо, что вы задаёте правило div'у, а не картинке.

@media only screen and (max-device-width: 480px) {
    .single-featured-image-header img {
       width: 100%;
    }
}


Так всё будет нормально, как и нужно вам.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Устранить проблемы с парсерами и отображением новостей
18 апр. 2024, в 20:08
7000 руб./за проект
Ещё заказы