使Div适合全窗口

时间:2015-10-16 12:47:32

标签: javascript jquery css image

我在unlick上设置了一个网站,我希望第一部分中的滑块图像适合整个窗口。

我可以使用CSS执行此操作,还是需要javascript?

持有滑块图片的div的标识为#section1,此部分需要适合窗口。

任何帮助都是巨大的!

2 个答案:

答案 0 :(得分:2)

这个CSS会使div填满整个浏览器窗口:

position: fixed;
top: 0;
right: 0;
bottom: 0;
left:0;

答案 1 :(得分:1)

你可以这样做(use viewport units):

<强> CSS

#section1, .et_pb_slider .et_pb_slide {
    height: 100vh;
}
  

请注意,如果您将鼠标悬停在图像上,幻灯片会停止...您   在全屏幕上会有一个完整的图像,所以鼠标不可避免   全屏悬停......只是一个提示。