图片如何进行height：auto

    页面渲染，是先css文件，然后再加载图片，工程中经常会使用到大的图片，如果不进行图片的高度设定，会出现页面跳动，如下图所示，对于用户体验十分不友好，同时，不同尺寸的手机，进行展示图片，图片的高度也不一样，如何进行将图片的高度进行预设置，是目前的问题。

        

    对于这个问题，解决的方案如下，图片外部一定记得要包一层div哦

html部分

<div class='img-box'>
    <img src='XXXXXX' />
</div> 



css部分

.img-box{
    position: relative;
    padding-top: (图片高度 * 100 / 图片宽度 * 1%)
    img{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
    }
}