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

Question

I'd like to set an image to match the height of my page minus top menu (50px). 我想将图片设置为与页面高度减去顶部菜单（50像素）相匹配。 Also, I'm using twitter bootstrap 3 and I know it's got img-responsive class, which is great and I'd like to use this class in combination with making the image height=100%-50px . 另外，我使用的是twitter bootstrap 3 ，我知道它具有img-responsive类，这很棒，我想结合使用此类，使图像height=100%-50px 。

How can I do that? 我怎样才能做到这一点？

Answer 1

If you want combine percents with pixel you can use css3 property calc(): 如果要将百分比与像素合并，可以使用css3属性calc（）：

height: calc(100% - 50px);

Supported by IE9+ IE9 +支持

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2013-12-16 22:00:15

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2013-12-16 22:00:15

解决方案1
1 已采纳 2013-12-16 22:00:15