鍍金池/ 問(wèn)答/HTML/ 如何讓div的高度跟隨背景圖片的高度的改變而改變？

如何讓div的高度跟隨背景圖片的高度的改變而改變？

最外層一個(gè)div有一個(gè)背景圖片，我希望背景圖片的寬度是100%,也就是占滿整個(gè)屏幕的寬度。請(qǐng)問(wèn)如何做才能做到，最外層div的高度就是背景圖片的高度，可以滾動(dòng)手機(jī)屏幕看整張背景圖片？
謝謝~

回答
編輯回答
笑忘初

固定比例圖片：寬度是100%即等于100vw,按照?qǐng)D片寬高比例，例如目前寬高比為1寬2高的1比2，那么高度設(shè)定為height:200vw；

隨機(jī)圖片：請(qǐng)直接用img標(biāo)簽，給個(gè)百分百和定位或者分層，哈哈嗝

2017年9月16日 05:23
編輯回答
愿如初

如果你不想通過(guò)JS計(jì)算的的話，
你可以在 div的里面通過(guò) 添加img標(biāo)簽來(lái)?yè)伍_(kāi)的div的高度.
然后把里面的img設(shè)置成透明，這樣就能達(dá)到 div 的高度跟圖片高度一樣高了

2017年6月25日 00:47