Отзывчивый img с полной высотой

Я пытаюсь сделать отзывчивый образ с полным разворотом div. В определенный момент ширина останавливается.Отзывчивый img с полной высотой

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>

источник

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 с полной высотой

ответ

Смежные вопросы