<div class="image-header">
</div>
問題：直接設(shè)置圖片高度不行痘昌，因?yàn)閳D片寬度受屏幕寬度的影響按价，
高度也應(yīng)該做出相應(yīng)的改變尘惧；
不設(shè)置高度康栈，會隨網(wǎng)絡(luò)情況改變下面網(wǎng)頁布局，出現(xiàn)閃動(dòng)喷橙，不太好
解決：
核心：當(dāng)設(shè)置padding-top:100%時(shí)啥么，此時(shí)容器的padding和寬度相等
/* scss寫的css代碼 */
.image-header{
position:relative;
width:100%;
height: 0;
padding-top:100%;
img{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
}
