適合容器的圖像旋轉

Question

當圖像通過javascript旋轉時，圖像不會重新調整填充父容器。

如何可以將圖像進行重新調整父容器？

我理解的高度現在控制寬度和寬度的高度。雖然重新調整高度和寬度似乎仍然壓縮圖像。

我已經創建一個自舉演示是爲了說明問題。

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

Answer 1

您需要添加max-width: initial;那麼它將覆蓋引導的風格

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' 
});