如何使图像适合窗口高度？

我想设置图像以匹配我的页面高度减去顶部菜单（50px）。此外，我正在使用twitter bootstrap 3，我知道它有img-responsive课程，这非常棒，我希望将此课程与制作图像height=100%-50px结合使用。如何使图像适合窗口高度？

我该怎么做？

2013-12-16 Xeen

你最好的选择是使用CSS3计算（），虽然我不完全可以肯定的是，从百分比中减去平面像素值是可行的。请告诉我（我们）是否它！ :) – EvilBeer

@ Applebough它确实工作，但它有一些问题，但如果我调整浏览器的大小，图像稍微变形。 – Xeen

如果你想与像素可以使用CSS3属性计算（）结合百分比：

height: calc(100% - 50px);

通过IE9支持+

2013-12-16 22:00:15

回答