html – 宽度：100％vs max-width：100％

宽度：100％和最大宽度：100％可以互换使用,如果它们只使用一次吗？

例如,我得到相同的结果：

img{
    width:100%;
}

与：

img{
    max-width:100%;
}

我在这里错过了什么吗？

解决方法

如果您的图像总是大于它们所在的元素,则两个规则的行为似乎相同.如果img小于父元素,则第一个规则会将其拉伸到其父元素的整个宽度.第二条规则不会.