关于响应式布局中某些img的width与max-width的问题。
原图左上角logo（在蓝色背景上的png图片）
1.当页面小于宽度X时：若设置img属性width:100%;
会出现如下情况:png的大小随着父元素的变大而改变。
2.当页面小于宽度X时：若设置img属性max-width:100%;
会出现如下情况:png保持了原来100%的大小。
总结：max-width：100%：如果img宽度大于父元素，img就显示父元素100%宽度，若父元素宽度超过自身，则显示img100%的宽度。
width:100%：不管img宽度多少，都显示父元素100%的宽度。