为什么设置 max-width: 100% of an image 有效地将最大值设置为其原始宽度?
Why setting max-width: 100% of an image effectively set the maximum to its original width?
我知道要使图像具有响应性但不会放大到超出其原始大小,我们所要做的就是设置最大宽度:100%。但我不确定为什么该设置有效,因为它只是告诉浏览器图像不能超过父容器的宽度,而不是原始图像大小。谁能解释一下背后的原因?
考虑 400 像素宽的 1000 像素宽图像 div。 max-width 100% 防止图像超过 div.
的大小
我知道要使图像具有响应性但不会放大到超出其原始大小,我们所要做的就是设置最大宽度:100%。但我不确定为什么该设置有效,因为它只是告诉浏览器图像不能超过父容器的宽度,而不是原始图像大小。谁能解释一下背后的原因?
考虑 400 像素宽的 1000 像素宽图像 div。 max-width 100% 防止图像超过 div.
的大小