Redimensionando imagem conforme o ecrã.

[Zé Pedro 0]

Na homepage de um site tenho uma imagem centralizada submetida a um resize conforme o tamanho do ecrã do usuário.

 

 

Por questões estéticas resolvi impor um tamanho mínimo limite para que em dado momento a imagem não acompanhe mais a diminuição do ecrã. Eis o problema: ao atingir o tamanho minimo a altura respeita o limite mas a largura continua diminuindo. A partir daí a imagem vai perdendo a proporção. Alguém pode me ajudar?

 

CSS

 

#frase_img {

margin-top:0px;
weight: auto !important;
height:85%; 
min-height: 400px;
margin-left:-50px;

}

 

HTML

 

<div class="container">

 <div id="frase"><img src="imgs/frase_home.png" id="frase_img"> </div>
</div  >

[William Bruno 1501]

ja tentou usar min-width ?