有沒有什麼辦法可以根據屏幕分辨率調整圖像大小而不使用javascript？

Question

我打算在我的網站（976X450）中使用大橫幅圖片。現在在更高分辨率的顯示器上，圖像應該伸展以佔據空間。有沒有辦法做到這一點，用不同的分辨率使用不同的圖像？

Answer 1

剛開始與檢測屏幕尺寸，並從那裏繼續：

var width = screen.width; 
var height = screen.height; 

var img = document.getElementById(image_id); 

img.height = img.height * width/img.width; 
img.width = width; 

更新：

使用CSS：

img#in_question { width: 100% } 

Answer 2

#HeaderImage { 
    height: 20%; 
    width: 100%; 
    background-repeat:repeat-x; 

}