解决页面中图片尺寸的问题

上次在做某些咨询页详情的时候，发现页面中的图片会撑开页面的宽度，如果只是设置100%的宽度，又有被拉伸的尴尬。网上查阅之后，找到了根据设置css来解决的方法：

img{
    // 保证图片可以以原尺寸显示
    width: auto;
    height: auto;
    // 保证图片超过页面大小时不会被撑开
    max-width: 100%;
    max-height: 100%;
    //个人建议加上以下代码，可以让页面更美观
    display: block;
    margin: 0 auto;
}