有没有什么办法可以根据屏幕分辨率调整图像大小而不使用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; 

}