1. CSS設置背景圖寬度100%,高度自適應
padding-top= (高度/寬度)*100%;即圖片的高度與寬度的比例,因此就能實現背景圖寬度100%,高度自適應
為了達到更好的效果再配合cover和center
2. css怎麼調整背景圖片的位置
1、首先打開前端開發工具,新建一個html代碼頁面。
2、在html代碼頁面上創建一個用於設置背景顏色的div標簽,然後給這個標簽添加上class = "bg-img"。
3、設置背景圖片。創建style標簽,然後在標簽裡面對類為bg-img設置背景圖片、圖片不重復、寬、高的樣式。
4、保存html代碼,使用瀏覽器打開,這個時候會發現瀏覽器上的背景圖片顯示在左上角。
5、回到html代碼頁面,在bg-img類里添加background-position: center的屬性。
6、保存html代碼後重新刷新瀏覽器,這個時候會發現瀏覽器上的背景圖片已經自動居中了。