Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使每个部分获得视口的完美高度_Javascript_Html_Css - Fatal编程技术网

Javascript 使每个部分获得视口的完美高度

Javascript 使每个部分获得视口的完美高度,javascript,html,css,Javascript,Html,Css,我经常访问背景图像完全符合我的视口大小的网站。当你滚动。。下一部分也非常适合视口 作为参考,请使用此 我使用的显示器是18英寸还是21英寸都无关紧要 检查源代码时,我发现: <section class="slide" style="height: 939px;"> .... </section> <section class="slide" style="height: 939px;"> .... </section> <section c

我经常访问背景图像完全符合我的视口大小的网站。当你滚动。。下一部分也非常适合视口

作为参考,请使用此

我使用的显示器是18英寸还是21英寸都无关紧要

检查源代码时,我发现:

<section class="slide" style="height: 939px;"> .... </section>
<section class="slide" style="height: 939px;"> .... </section>
<section class="slide" style="height: 939px;"> .... </section>
。。。。
.... 
.... 
不知何故,他们设法捕捉到了我的视口高度,并动态调整了每个部分


是否可以假设在页面加载时,他们执行一些window.height,然后将每个部分的高度动态设置为该值,或者是否有一些实用程序可以自动执行此操作?

不是答案,但可以使用
100vh
轻松完成。您的假设是正确的。节的高度大部分是使用javascript设置的