在移動端開發中,在banner輪播圖未加載出來之前,banner層是不占文檔流高度的,當從服務器獲取完banner數據,展示的時候,banner層因為有了內容 所以會撐開,導致banner層下面的內容也隨之移動,為解決此bug,可以控制下banner層的寬高比
<!DOCTYPE html> <html> <head><title></title><style type="text/css">*{margin: 0;padding: 0;}.box{
//控制該div寬高比overflow: hidden;height: 0;padding-bottom: 20%;
background: #999;}</style> </head> <body><div class="box">占位</div><p>文字文字文字</p> </body> </html>