html - jcrop 未在实时情况下正确调整框尺寸

Question

我在我的项目中使用 jcrop 裁剪图像。我在引导模式中设置了 jcrop 框，并设置了 jcrop 参数 boxHeight 400 和 boxWidth 600。我的 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

好吧，经过长时间的研究，我发现 bootstrap css 重写了 jcrop css max-width 属性并产生了问题。所以，我通过输入来覆盖它

img {max-width: none}

在包含 bootstrap css 后的 html 代码中。