Html 如何使图像适合窗口高度？
我想设置一个图像来匹配我的页面高度减去顶部菜单（50px）。另外，我正在使用twitter bootstrap 3，我知道它有一个img responsive类，这是一个很棒的类，我想结合使用这个类来制作图像Html 如何使图像适合窗口高度？,html,css,twitter-bootstrap,responsive-design,fluid-layout,Html,Css,Twitter Bootstrap,Responsive Design,Fluid Layout,我想设置一个图像来匹配我的页面高度减去顶部菜单（50px）。另外，我正在使用twitter bootstrap 3，我知道它有一个img responsive类，这是一个很棒的类，我想结合使用这个类来制作图像高度=100%-50px 如何才能做到这一点？如果要将百分比与像素相结合，可以使用css3 property calc（）： IE9+支持您的最佳选择是使用css3 calc（），尽管我不能完全确定从百分比中减去一个平面像素值是否有效。如果有，请通知我（我们）@Applebough它确实可以
高度=100%-50px如何才能做到这一点？如果要将百分比与像素相结合，可以使用css3 property calc（）：
IE9+支持您的最佳选择是使用css3 calc（），尽管我不能完全确定从百分比中减去一个平面像素值是否有效。如果有，请通知我（我们）@Applebough它确实可以工作，但是它有一些问题，因为如果我调整浏览器的大小，图像会稍微变形。
height: calc(100% - 50px);