背景圖片自適應瀏覽器大小

時間 2019-12-12

原文原文鏈接

背景圖片自適應瀏覽器大小

以前在網上看到的一個小技巧，記錄一下：背景圖片鋪滿屏幕而且能夠隨着瀏覽器進行自適應，代碼以下：
瀏覽器







<body>

<div style="position:absolute; width:100%; height:100%; z-index:-1">

<img src="pictures/background.jpg" height="100%" width="100%"/>

</div>

</body>

標註：有一點須要注意，有可能直接使用了這段代碼後瀏覽器會出現滾動條。這種狀況下須要看是否是默認body的padding margin設置是否爲0 ，須要設爲0纔不會出現滾動條，真正達到鋪滿自適應code

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。