javascript - 有没有什么方法可以在不使用 javascript 的情况下根据屏幕分辨率调整图像大小？

Question

我计划在我的网站 (976X450) 中使用一个大横幅图片。现在在更高分辨率的显示器中，图像应该拉伸(stretch)以占据空间。有什么办法可以做到这一点，而无需为不同的分辨率使用不同的图像？

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% }