div背景圖 等比縮放

寫在前面

活動頁背景使用div做爲切圖的容器(比img更加方便進行調整以及變化)spa

遇到了一個問題,等比縮放。
 文檔

解決方法

利用padding-bottom容器

由於咱們就是單純的作背景,就能夠利用padding百分比相對於與寬的性質方法

 

 

高度改爲用padding-bottom的
高寬比例就是width:padding-bottomim

 

使用scale會脫離文檔,有穿透性的層疊問題
 img

相關文章
相關標籤/搜索