css - 请教一下，img标签设置max-width: 100%和width: 100%的问题。

问题描述

问 题

为img设置width:100%

为img设置max-width:100%

图中的红色方框是个div。请问为什么用max-width：100%是img自身宽度，而width:100%就是充满父元素的宽度?

解决方案

width默认是auto啊，你设置max-width相当于没设置width，它按默认值auto自然就是图片宽度咯。max-width很多的场景都是和width配合用的：比如设置一个标签，width是（父元素的）80%但是max-width不能超过1200px，那么这个标签就有了一个最基本的可缩放特性。

这篇关于css - 请教一下，img标签设置max-width: 100%和width: 100%的问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！