Задать вопрос
Chefranov
@Chefranov
Новичок
html

Почему не работает max-width?

Почему не работает следующий код в IE и как можно решить это?

.block-text-post p img,
.block-text-post img {
width: auto;
max-width: 100%;
height: auto;
}


<div class="block-text-post">
<a href="#"><img src="img/nf1.png" alt="Картинка"></a>
</div>


В IE большая картинка ломает верстку, в остальных браузерах всё ок. Просто свойство width: 100% не подходит, так как картинки могут быть маленькие и большие.
  • Вопрос задан
  • 8368 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 2
Chefranov
@Chefranov Автор вопроса
Новичок
Проблему решил. Проблема была в том что для ссылок стояло свойство display: inline-block; и надо им было задать максимальную ширину
.block-text-post a {
    display: inline-block;
    max-width: 100%;
}
Ответ написан
Комментировать
Комментировать
rockon404
@rockon404
Frontend Developer
Уберите width: auto;
https://jsfiddle.net/urbt4L1u/
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Аспирант/Преподаватель по Юриспруденции, Таможенному делу и ГМУ
18 апр. 2024, в 09:15
12000 руб./за проект
Аспирант/Преподаватель по Промышленному и гражданскому строительству
18 апр. 2024, в 09:12
15000 руб./за проект
Разработать мини-приложение Windows 7-11, Linux,Macos
18 апр. 2024, в 07:22
45000 руб./за проект
Ещё заказы