title: How to get responsive images working with JCrop
body: <p>I see some solutions where the truesize property is used to get JCrop to work with responsive images correctly. However, I'm having a hard time getting the images responsive in the first place when using JCrop. If I remove the jCrop code and add the following css, the image is responsive.</p>
  
  <p>In short - JCrop works. Responsive image works. But when put together, the image isn't responsive.</p>
  
  <p>JSFiddle here: Just uncomment the css.
  <a href="http://jsfiddle.net/work77/oh5esg19/" rel="nofollow noreferrer">http://jsfiddle.net/work77/oh5esg19/</a></p>
  
  <pre><code>img{
  max-width:80%;
  max-height:80%;
  }
  </code></pre>
  
  <p>Very similar question is unanswered here:
  <a href="https://stackoverflow.com/questions/16815415/jquery-jcrop-functionality-on-fluid-images">Jquery JCrop functionality on fluid images</a></p>
  
  <p>Any suggestions?
  Thanks.</p>