论图片的自适应

一、图片的自适应
1、图片的自适应

.response-image {
display: inline;
margin: 0 auto;
width: auto;
height: auto;
max-width: 100%;
}
图片比’header-logo’ div小，为什么呢，解决方法？
方法 1、

.response-image {
display: inline;
vertical-align: bottom;
margin: 0 auto;
width: auto;
height: auto;
max-width: 100%;
}

方法 2、

.response-image {
display: block;
margin: 0 auto;
width: auto;
height: auto;
max-width: 100%;
}
图片和’header-logo’ div大小一样

有人说图片默认是

这里写代码片

图片默认为vertical-align:baseline
所以当我们改为vertical-align:bottom、

to do

学习https://segmentfault.com/q/1010000000694663
学习https://www.cnblogs.com/zsjun/p/4719090.html