HTML:
<div class="container">
<article class="article">
<img class="article-img" src="bordeaux.jpg" />
</article>
</div>
CSS
.container{
width:500px;
height:200px;
}
.article{
max-height:100%;
}
.article-img{
max-height:100%;
}
см. его jsfiddle в Firefox
Мне нужно было установить .article to height: 100% для сжатия изображения в Firefox
может кто-нибудь объяснить, как Firefox понимает процентную максимальную высоту и ее контейнеры?
заблаговременно!