javascript - 流体图像上的 Jquery JCrop 功能

Question

所以我在我的图像上实现了 JCrop，现在必须进行设计更改，以使该图像流畅。

我的图像现在有 max-height:100%;max-width:100% 并且它在没有 JCrop 的情况下相应地缩放，但是使用 JCrop 它没有，这是因为 JCrop 设置了一个固定的 witdth和初始化图像的高度，例如:

display: none; visibility: hidden; width:540px; height:430px;

$('#feature').children('img').eq(0).removeAttr('style');
$('#feature').children('img').attr('style','display: none; visibility: hidden; width:100% !important;height:100% !important;');

但没有用，它只是破坏了 JCrop。

我只需要让图像和 Jcrop 本身在调整窗口大小时调整和保持比例。 关于如何解决这个问题的任何想法？

谢谢!

编辑

JSFIDDLE -> http://jsfiddle.net/EHQKH/2/

只需删除 javascript，您应该会看到它在调整窗口/框架大小时调整大小，而使用 Jcrop 则不会

Answer 1

我看看这个 - jsFiddle

img {
    width:100%;
    height:100%;
}

我从 img 中删除了样式并在 css 中添加了它