圖片如何進行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%;
    }
}