web中的图片宽高度开发,你需要的可能不仅仅是宽度100%,高度auto

受bootstrap的影响,在写图片样式时一直用的是width:100%;height: auto;,很少去想为什么这么做。

其实,这么做的原因是因为,很多时候,我们的容器宽度是固定的,而高度,由于可以一直下滑,会变化。换句话说就是高度你随便整,宽度不能变。

如果想不明白这一层关系,遇到容器高度固定,宽度自适应的情况,情况可能就比较惨烈。

所以,web中图片开发的原则其实就是容器固定一边图片的尺寸100%,不固定的一边auto。