受bootstrap的影响,在写图片样式时一直用的是width:100%;height: auto;
,很少去想为什么这么做。
其实,这么做的原因是因为,很多时候,我们的容器宽度是固定的,而高度,由于可以一直下滑,会变化。换句话说就是高度你随便整,宽度不能变。
如果想不明白这一层关系,遇到容器高度固定,宽度自适应的情况,情况可能就比较惨烈。
所以,web中图片开发的原则其实就是容器固定一边图片的尺寸100%,不固定的一边auto。
受bootstrap的影响,在写图片样式时一直用的是width:100%;height: auto;
,很少去想为什么这么做。
其实,这么做的原因是因为,很多时候,我们的容器宽度是固定的,而高度,由于可以一直下滑,会变化。换句话说就是高度你随便整,宽度不能变。
如果想不明白这一层关系,遇到容器高度固定,宽度自适应的情况,情况可能就比较惨烈。
所以,web中图片开发的原则其实就是容器固定一边图片的尺寸100%,不固定的一边auto。