javascript - 使用jCrop时如何使头像预览图像流畅

Question

当用户想要在 BuddyPress 中更改头像时，他们有机会在上传新图像后对其进行裁剪。

在“裁剪步骤”期间，上传的图像会显示在屏幕上。这个“预览图像”似乎是固定大小的(当浏览器窗口放大或变小时它不会调整大小)。我希望预览图像在调整浏览器窗口大小时调整大小(即流畅)。

知道我该怎么做吗？

备注:jCrop (在 WordPress 核心中提供)用于裁剪头像。

我尝试将其添加到我的样式表中，但没有成功:

img {
    max-width : 100%;
    height : auto;
}

Answer 1

试试这个CSS代码

img{max-width:100%;height:auto;}