調整窗口大小時調整圖像

Question

everyone！

我想我的問題很簡單，但我無法弄清楚如何解決它：/

我想使圖像全高和全寬，當我們調整窗口的大小寬度，圖像大小調整正確像這樣的例子： https://avada.theme-fusion.com/resume/

我已經試過玩的寬度和高度，但我不能有同樣的結果

謝謝您的幫助！

Answer 1

您正在尋找的財產是background-size: cover。

body{ 
    background-image: url('https://avada.theme-fusion.com/resume/wp-content/uploads/sites/66/2016/07/home_bg.jpg'); 
    background-size: cover; 
    background-position: center; 
} 

你需要使用一個CSS background-image而不是<img/>來實現這一結果。

這裏有一個演示：https://jsfiddle.net/7rqm0mtb/

Answer 2

如果您可以發佈您正在使用的代碼，以便更好地瞭解您如何進行此操作，那將是理想選擇。

您發佈的Avada鏈接將圖片用作背景圖片，背景大小屬性設置爲「封面」。看看this example on w3 schools。