响应img与全高

我试图做一个响应式图像与整个div高。在某个时刻，宽度停止减少。响应img与全高

我的代码：

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

来源

2013-07-05 Igor Martins

哪里都是媒体查询？如果它是响应式的，您应该添加它们。 – Nitesh

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

来源

2013-07-05 19:17:51

响应img与全高

回答

相关问题