採訪/編輯:
棒!城市編輯部
發佈時間:
2017-11-06 08:33
分享:
累積人次:
343

[筆記]解決CSS內容區塊設定浮動後,DIV背景圖無法滿版的方法

使用超好用的 CSS3 新單位vh、vw,使背景圖可以隨著螢幕大小不同而達到自適應的效果

傳統許多技術人員教學,在html及body設定height:100%,並在要設定滿版的div設定height:100%就可以讓沒有內容的畫面呈現滿版狀態,但某種狀況就是無法達到全螢幕滿版的效果!

現在有了 CSS3 新單位vh、vw,只要在想要滿版的div設定height:100vh,就可輕鬆達成高度滿版,這個設定在瀏覽器 IE 也支援到 9 (含)以上。