Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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/8/sorting/2.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 使Div适合整个窗口_Javascript_Jquery_Css_Image - Fatal编程技术网

Javascript 使Div适合整个窗口

Javascript 使Div适合整个窗口,javascript,jquery,css,image,Javascript,Jquery,Css,Image,我正在unclick上设置一个站点,我希望第一部分中的滑块图像适合整个窗口 我可以用CSS来实现这一点,还是我也需要javascript 保存滑块图像的div具有id#section1,正是这个部分需要适合窗口 任何帮助都是巨大的 此CSS将使div填充整个浏览器窗口: position: fixed; top: 0; right: 0; bottom: 0; left:0; 您可以这样做(): CSS #section1, .et_pb_slider .et_pb_slide { h

我正在unclick上设置一个站点,我希望第一部分中的滑块图像适合整个窗口

我可以用CSS来实现这一点,还是我也需要javascript

保存滑块图像的div具有id
#section1
,正是这个部分需要适合窗口


任何帮助都是巨大的

此CSS将使div填充整个浏览器窗口:

position: fixed;
top: 0;
right: 0;
bottom: 0;
left:0;
您可以这样做():

CSS

#section1, .et_pb_slider .et_pb_slide {
    height: 100vh;
}
当心,如果你让鼠标停留在图像上,幻灯片就会停止…你 全屏显示完整图像,鼠标不可避免 全屏悬停…只是一个提示


那恐怕不行。路易斯,你是个传奇!!我如何推荐或评分你的评分?谢谢你的提示。现在我知道了vh属性,我可能有一个单一的背景图像,在第一部分有一个按钮,当我上传它时,可以链接到我的公文包。再次感谢路易斯。@PaulKnight不客气