javascript - 如何显示全高度度的背景

Question

我试图在 body 负荷的背景上显示一些随机显示图像。为此，我有一个功能。现在的问题是图像在整个页面上显示，直到网络浏览器可以滚动，这是非常冗长的我希望它只显示到 body 高度和宽度。以下是我正在使用的代码:

var body = document.body;
var html = document.documentElement;
var bodyHeight = Math.floor(Math.min(body.scrollHeight));
var htmlHeight = Math.floor(Math.min(html.scrollHeight));

var height = Math.max(bodyHeight, htmlHeight);

for(i=0; i<height; i++){
var images = [],


---------------
-----------------
image array here
--------------------
-------------------------
index = Math.floor(Math.random() * images.length);

document.write(images[index]);

}

Answer 1

正文是整个页面。你想要的是屏幕的高度和宽度。为此，在主体内创建一个 div，并将图像作为 div 的背景，使用 100vh、100vw 作为单位；

https://devcode.la/tutoriales/unidades-vh-vw-css/