title: CSS applying Max-height and Auto height property at the same time for an image
body: <p>How do I set the the <code>max-height:270px</code> and <code>height:auto</code> simultaneously such that if a content(image) is too large it should shorten its dimensions and put it under <code>270px</code>, else it should be an <code>auto</code> height.</p>
  
  <p>I tried with <code>overflow-Y</code> but I dont want a scrollbar, just a mini version of the pic. How can I do that?</p>