Jquery 如何调整图像'；大小是否适应视口？

我正在制作一个与本网站非常相似的网站：

我现在遇到的问题是，我不知道如何使主页上的幻灯片图像始终适应屏幕大小，其底线始终附着在视口底部。而且，调整窗口大小时，它保持不变。

到目前为止，我所尝试的：

var h= $(window).innerHeight()-115;//115 is the total height of nav + headerline
$('.slides_show').height(h);
$('.slides').height(h);

但是它不起作用，因为

$（window）.innerHeight（）

不排除浏览器顶部的额外部分

我也认为通过js实现它不是一个好主意，尽管我对此持开放态度。我希望有人能给我一个使用CSS的解决方案

---

预先感谢。

阅读<代码> vh < /代码>单元，您可以阅读视口单元，但您也可以考虑CSS方式与背景图像 > Co.，代码<>背景大小：封面 >您正在寻找什么。我已经通过jQuery $（窗口）解决了这个问题。调整大小事件，谢谢帮助。