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

}