css - "width: 100%; max-width: 100%;" Is there a special reason to set both of these up?

Question

img {
  width: 100%;
  max-width: 100%;
}

I am making a responsive website according to the tutorial.

I know the difference between width and max-width,
but is there a special reason to set the max-width: 100%
even though they set the width: 100%?

Answer 1

I don't think. Cause, it is saying that image size would be 100% which means whole image. But, if you also use 100% on maximum width that would be silly. Cause, both don't need to use. Nearly both is saying the same thing. So, you don't have to use both simultaneously.

Programming is language that's why I used "say" word.