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

html – 宽度:100%vs max-width:100%,第1张

概述宽度:100%和最大宽度:100%可以互换使用,如果它们只使用一次吗? 例如,我得到相同的结果: img{ width:100%;} 与: img{ max-width:100%;} 我在这里错过了什么吗? 如果您的图像总是大于它们所在的元素,则两个规则的行为似乎相同.如果img小于父元素,则第一个规则会将其拉伸到其父元素的整个宽度.第二条规则不会. 宽度:100%和最大宽度:100%可以互换使用,如果它们只使用一次吗?

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

img{    wIDth:100%;}

与:

img{    max-wIDth:100%;}

我在这里错过了什么吗?

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

以上是内存溢出为你收集整理的html – 宽度:100%vs max-width:100%全部内容,希望文章能够帮你解决html – 宽度:100%vs max-width:100%所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1144925.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存