title: jcrop is not resizing box dimension properly on live
body: <p>I am using jcrop for cropping image in my project. I have set jcrop box in a bootstrap modal and set jcrop parameter boxHeight 400 and boxWidth 600. My jcrop code is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("#cropbox").attr('src', "**Dynamic image path**");
  $("#cropbox").show();
  $("#cropbox").Jcrop({
    bgOpacity: .5,
    aspectRatio: 7/10,
    setSelect: [ 60, 70, 540, 330 ],
    onSelect: updateCoords1,
    boxWidth: 600,
    boxHeight: 400
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>This code is working fine in local host but not working properly on live. The problem is regarding resizing issue of crop box. The original image and screen shot of local and live are:
  <strong>Original image</strong>
  <a href="https://i.stack.imgur.com/33HhF.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/33HhF.jpg" alt="Original image"></a></p>
  
  <p><strong>Local host</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Dq8mI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Dq8mI.jpg" alt="Working fine in local host"></a></p>
  
  <p><strong>Live</strong>
  <a href="https://i.stack.imgur.com/hLkAQ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hLkAQ.jpg" alt="Creating problem in live"></a></p>
  
  <p>I have uploaded every file required. Both local and live having same js and css.
  Please help me to find me solution for this.
  Thanks in advance.</p>