jcrop沒有正確調整大小框的大小生活

Question

我正在使用jcrop在我的項目中裁剪圖像。我已jcrop箱中的引導模式，並設置jcrop參數boxHeight 400和600 boxWidth我jcrop代碼：

$("#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 
 
});

此代碼工作正常在本地主機，但正常的工作不生活。問題在於裁剪框的大小問題。本地和生活的原始圖像和屏幕截圖是： 原圖

本地主機

直播

我已經上傳的每個文件需要。本地和現場都有相同的js和css。 請幫我找到我的解決方案。 在此先感謝。

Answer 1

好吧，經過長期的研究，我發現引導CSS重寫jcrop css max-width屬性並創建問題。所以，我通過把

img {max-width: none}

HTML代碼中包含引導CSS後覆蓋它。