高度为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.