宽度:100%vs max-width:100%

时间:2014-04-23 21:21:42

标签: html css html5 css3

宽度:100%和最大宽度:100%如果只使用一次,可以互换使用吗?

例如,我得到了相同的结果:

img{
    width:100%;
}

和:

img{
    max-width:100%;
}

我在这里错过了什么吗?

1 个答案:

答案 0 :(得分:10)

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