Question

尝试用完整的div高度做一个响应式图像。在某个时刻，宽度停止减少。

我的代码：

<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>

Answer 1

Demo

 <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%;}

全高度的响应图像

1 个答案: