图片大小自适应

实例

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

• max-width保证了图片能够随着容器的进行等宽扩充（即保证所有图片最大显示为其自身的 100%。此时，如果包含图片的元素比图片固有宽度小，图片会缩放占满最大可用空间）
• 而height为auto可以保证图片进行等比缩放而不至于失真。
  • base:等比例缩放