我正在尝试使用全div高度来制作响应式图像。
在特定时刻，宽度停止减小。
JsFiddle
我的代码：
<html>
<head>
<style>
html,body { height:100% }
* {
margin:0;
padding: 0;
}
.teste {
height: 80%
}
.teste img {
height: 100%;
}
</style>
</head>
<body>
<div class="teste">
<img src="" />
</div>
</body>
</html>
最佳答案
<div class="teste"> <img src="http://farm4.staticflickr.com/3782/9209525112_217d9db242_h.jpg" /></div>
的CSS
html,body { height:100% }
* {margin:0;
padding: 0;}
.teste {
height: 80%
}
.teste img {
max-height: 100%;}