Jquery 如何放大100%页面宽度的图像以保持固定高度

我想一个图像，以跨越整个网页宽度（980px到2000px+）。当我只为图像指定宽度：100%时，为了保持纵横比，对于大屏幕，图像的高度也变得相当大

<img src="imageFileName.jpg" width=100% />

为了避免高度问题，我看到许多网站放大图像，宽度保持在网页的100%，并且保持高度不变

有人能告诉我如何放大图像，这样我就可以保持图像的高度固定，并将图像扩展到100%的页面宽度。缩放部分将有助于保持纵横比一致

---

如果有css的唯一解决方案，这将是真正伟大的。非常感谢。（我无法通过谷歌搜索找到答案，所以在这里发布了一个问题）

创建一个具有所需with和height的div元素。然后将图像设置为该分区的背景。然后您可以根据需要跨越背景

div {
    background: url(img_flwr.gif);
    background-size: cover;
    background-repeat: no-repeat;
}

---

您可以使用jquery将图像固定为100%高度

<img src="imageFileName.jpg" width=100% id="image"/>


function img_height()
{
  $("#image").height($(window).height());
}

$(window).scroll(img_height);
$(window).resize(img_height);

函数img_height（）
{
$（“#图像”）.height（$（窗口）.height（））；
}
$（窗口）。滚动（img_高度）；
$（窗口）。调整大小（img_高度）；

您也可以使用

$（“#页宽”）.height（）

而不是

$（窗口）.height（）