問題
- 防抖動問題顧名思義，由於html加載最後纔會加載圖片,所以如果沒有提前設置高度的話,就會出現窗口抖動,用戶體驗很不好.
- 如果固定死高度的話，又不能於寬等比例縮放
如果是vue裏面出現這種問題要怎麼解決
思路
- 給template加< div >套起來，然後綁定class=“wrape”
- 給wrape寫百分比 讓圖片在文字出來前就能撐開一個空間（有瀏覽器兼容問題，所以待會介紹兩種寫法）
具體操作
- 先套個div
- 針對div的樣式來寫
![在這裏插入圖片描述]()
註明：
這裏寬和高是一個百分比的關係，但爲什麼不寫width，因爲這麼寫width傳到了父級去了，所以要寫一個padding-bottom去撐開
當然還有另外一種寫法
這種寫法就是有一個瀏覽器兼容問題
- 空白的一大片空間不好看，所以設一個background的顏色，灰色比較好看
![在這裏插入圖片描述]()
