高度為100％的主體（帶有背景圖片）：覆蓋整個頁面，而不僅僅是視口-盡可能不使用JS
[英]Body with height 100% with background-image: cover to fill enire page not just a viewport - without js if possible
問題描述
即使視口小於頁面，僅使用CSS，背景圖像仍可能覆蓋整個頁面嗎？
順便說一句，我必須設置html，body到100％的高度。
1 個解決方案
解決方案1
0 2017-04-01 08:43:27
嘗試使用100vh高度和背景尺寸：cover; 它將覆蓋整個頁面，這將起作用
CSS/JS：使用已知寬度和高度的圖像元素模擬背景圖像封面
[英]CSS/JS: mimic background-image cover using image element with known width and height
html，由於高度原因，背景圖片無法重復：設置為100％
[英]html, background-image fails to repeat on account of height: 100% setting
SVG中的圖案圖片的cssAssatioRatio，例如css背景圖片封面
[英]preserveAspectRatio of pattern image in SVG like css background-image cover
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.