在CSS中，图像宽度：100%和最大宽度：100%之间有什么区别？

我经常写以下内容，主要针对手机模板：

img{
    width:100%;
}

但是，我看到到处都在使用以下内容：

img{
    max-width:100%;
}

---

当然，这两个CSS的功能完全相同？还是我疯了？

例如，IMG的

{width:32px；}

意思是

32px=100%

然后

200%=64px

---

因此

max width

将是

可能重复的Yes。但是，这个问题的答案并没有澄清这个问题，因为那些回答的人开始提到“px”单位，而不是%。“px”部分完全有道理，但我无法理解%部分的宽度和最大宽度。那么，你是说如果图像的物理尺寸小于32px，图像将以其物理宽度显示，而不是扩展到其容器的边缘？但是，我以为%是相对于其父容器的，而不是相对于图像本身的？我刚刚找到了这个链接，它验证了%图像宽度是其容器元素的%，而不是图像实际宽度的%：你能用这个添加一个演示吗？我肯定这行不通。