图片展示实现高度、宽度自适应

图片展示如何实现高度、宽度自适应？

加入浏览器自适应功能后，浏览器宽度改变后，图片由于高度或者宽度固定，图片要么过宽、要么过高，样式很难看，想起max-height 和 max-width 这两个样式后，都好解决啦。

图片使用如下样式

.regulation-img {
  max-width: 90%;
  max-height: 140px;
  width: auto;
  height: auto
}

效果如下

哪怕图片大小不一样也能实现布局的统一了。