Why doesn't max-width work?

Question

css

Why doesn't the following code work in IE and how can I solve it?

.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>

In IE, a large picture breaks the layout, in other browsers everything is ok. It's just that the property is width: 100%not suitable, since the pictures can be small and large.

Answer 1

Solved the problem. The problem was that there was a property for the links display: inline-block;and they had to set the maximum width

.block-text-post a {
    display: inline-block;
    max-width: 100%;
}