I set the max-widthcss property for the images displayed on the page. however, this destroys jCrop. On the left is what I chose. To the right is what is cut after I cut it. I used this example here.
max-width
http://www.mikesdotnetting.com/Article/95/Upload-and-Crop-Images-with-jQuery-JCrop-and-ASP.NET
thanks for the help.
jcrop works well with a fixed maximum width. I also tested this. You may be trimming the wrong area, as shown in the image on the right.
you can customize jcrop with maximum width and height
$( "#cropsource" ).Jcrop({ boxWidth: 800, boxHeight: 500 });