0

フル div の高さでレスポンシブ イメージを作成しようとしています。ある瞬間、幅の縮小が止まります。

Jsフィドル

私のコード:

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

1 に答える 1

0

デモ 

 <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-05T19:17:51.003 に答える