如何讓英雄面積填滿整個瀏覽器窗口

Question

我只是想知道如何實現這樣的效果：

https://www.udemy.com/

該網站的英雄面積佔瀏覽器的整個寬度，即使瀏覽器窗口被調整大小。

如果你能讓我看看從標記到jQuery是如何完成的，我將非常感激。

Answer 1

你在說（我從你的鏈接中）background-size:cover。

你可以不帶jQuery的，只是CSS和HTML實現這一點，使用：

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

一個完整的教程可以發現here。