用于旋转

Question

当通过javascript旋转图像时，图像不会重新填充父容器。

如何将图像重新调整到父容器？

我知道高度现在控制宽度和宽度。虽然重新调整高度和宽度似乎仍然会压缩图像。

我已经创建了一个引导程序来演示这个问题。

http://www.bootply.com/9ClazvIz6x

Answer 1

你需要添加max-width: initial;所以它将覆盖bootstrap的样式

image.css({
    '-moz-transform': 'rotate(' + imageRotation + 'deg)',
    '-ms-transform': 'rotate(' + imageRotation + 'deg)',
    '-webkit-transform': 'rotate(' + imageRotation + 'deg)',
    'transform': 'rotate(' + imageRotation + 'deg)',
    'height': height * imageRatio,
    'maxWidth': 'initial'
});