使用超好用的 CSS3 新單位vh、vw,使背景圖可以隨著螢幕大小不同而達到自適應的效果
傳統許多技術人員教學,在html及body設定height:100%,並在要設定滿版的div設定height:100%就可以讓沒有內容的畫面呈現滿版狀態,但某種狀況就是無法達到全螢幕滿版的效果!
現在有了 CSS3 新單位vh、vw,只要在想要滿版的div設定height:100vh,就可輕鬆達成高度滿版,這個設定在瀏覽器 IE 也支援到 9 (含)以上。