我現在有一張森林圖片，我把里面的某個數摳出來。然后我現在把森林的圖片設定為背景圖，然后自動適應螢屏大小。
.home{
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: url("bg.jpg") no-repeat;
background-size: 100% 100%;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
/*text-align: center;
align-items: center;*/
}
現在我再html代碼把摳出來的圖片，。
<body>
<div class="home">
<div class="wz"><img src="https://img.uj5u.com/2021/05/10/175480100436311.png" /></div>
</div>
我現在想改變瀏覽器打大小，這個wz.png圖片還是能和背景圖融為一體，而不是背景圖變形了，但是wz.png這個圖片沒有變形。
uj5u.com熱心網友回復：
背景圖和前景圖同時縮放，就是這個意思。uj5u.com熱心網友回復：
把wz套在home里面，然后給圖片或者wzdiv設定寬度百分比即可轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/283629.html
標籤：HTML(CSS)