Chefranov
@Chefranov
Front-End, Back-End

Почему не работает 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% не подходит, так как картинки могут быть маленькие и большие.
  • Вопрос задан
  • 2246 просмотров
Решения вопроса 2
Chefranov
@Chefranov Автор вопроса
Front-End, Back-End
Проблему решил. Проблема была в том что для ссылок стояло свойство display: inline-block; и надо им было задать максимальную ширину
.block-text-post a {
    display: inline-block;
    max-width: 100%;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы