在寫主題樣式的時候經常會碰到用背景圖鋪滿整個背景的需求，這里分享下使用方法 需要的效果 圖片以背景的形式鋪滿整個屏幕，不留空白區域 保持圖像的縱橫比（圖片不變形） 圖片居中 不出現滾動條 多瀏覽器支持 以圖片bg.jpg為例,最簡單，最高效的方法 css ...

在寫主題樣式的時候經常會碰到用背景圖鋪滿整個背景的需求，這里分享下使用方法 需要的效果 圖片以背景的形式鋪滿整個屏幕，不留空白區域 保持圖像的縱橫比（圖片不變形） 圖片居中 不出現滾動條 多瀏覽器支持 以圖片bg.jpg為例 最簡單，最高效的方法 CSS ...

參考： https://stackoverflow.com/questions/1719452/how-to-make-a-div-always-full-screen .fullscreen { ...

html代碼 js代碼 ...

...

如果像以上代碼寫，高度為100%時，會發現背景圖片只是內容撐起來的，卻不能使整個屏幕鋪滿背景圖； 解決方案： 我們要讓#logo脫離文檔流，為他添加個fixed屬性 以上是本章全部內容 ...

利用css中 background-size：cover 填充整個viewport 注意： 一張背景圖像素5000px*5000px在pc端 縮放都基本滿足要求 不會出現模糊失真； 但是在移動端使用如此大的圖片完全是浪費資源，大圖會導致加載變慢，尤其是在移動網 ...

<style scoped> #logo{ background: url("../assets/login.jpg"); positio ...