容器的宽高是不确定的，图片的宽高也是不确定的，CSS是如何实现图片响应的？

图片响应响应式开发中最头疼的应该就是图片了。虽然图片设置max-width:100%；可以让图片宽度填满容器，但是高度不能自适应。如果容器的高度是有限的，那么我们就需要使用媒体查询来控制容器的高度，从而保证容器的宽高是成比例的。那么如何让图片随着容器的宽度变化呢？就像下图的效果，里面的4张图片在不同宽度的容器中，图片的宽高比一直保持不变。设置包裹图片的父容器的paddingTop或者paddingBottom，让图片有高度，保持这个比例。示例代码