html怎么將背景圖與瀏覽器大小自適應?
圖片自適應屏幕大小顯示主要是利用百分比來控制,切忌給圖片寬度一個固定值。如下代碼:html代碼:
<div class="imgbox"><img src="圖片地址" alt=""></div>此時的css可以寫成:
.imgbox img{width:100%;}這樣,圖片的大小就會根據其父級容器的大小而變化,圖片的寬度只設置百分比,這樣可以根據瀏覽器窗口的大小變化而隨時調整。
html怎么將背景圖與瀏覽器大小自適應?
圖片自適應屏幕大小顯示主要是利用百分比來控制,切忌給圖片寬度一個固定值。如下代碼:html代碼:
<div class="imgbox"><img src="圖片地址" alt=""></div>此時的css可以寫成:
.imgbox img{width:100%;}這樣,圖片的大小就會根據其父級容器的大小而變化,圖片的寬度只設置百分比,這樣可以根據瀏覽器窗口的大小變化而隨時調整。