Cropper.JS图片宽度

Question

我正在尝试使用jquery-cropper-js（Cropper.JS）裁剪上载的图像。但是，问题在于图像的宽度总是以某种方式始终为200px，这太小了。

有一种解决方法可以设置最小宽度和高度属性，但是在这种情况下，响应性会受到破坏。

这是代码：

$('#customImage').change(function() {
  if (this.checked) {
    var image = document.querySelector('#image');
    var cropper = new Cropper(image, {
      viewMode: 2
    });
  }
});

.img-container {
  max-width: 100%;
}

.img-container img {
  width: 100%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="col-sm-9">
  <div class="img-container">
    <img id="image" src="~/Images/coins.png" alt="Image" />
  </div>
</div>

谁能建议应该做些什么才能正确定义宽度？欣赏它。