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

Win*_*rle 6 html css html5 css3

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

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

img{
    width:100%;
}
Run Code Online (Sandbox Code Playgroud)

与:

img{
    max-width:100%;
}
Run Code Online (Sandbox Code Playgroud)

我在这里错过了什么吗?

Jer*_*ook 10

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

  • 是的,我测试过,它的工作原理正如你所描述的那样。因此,如果我想绝对确定我的图像与父元素一样宽,我应该使用 width:100% ,但如果我想确保它不会超出其实际大小,我应该使用 max-width:100% ? (2认同)