Css 用于在旋转时安装容器的图像

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

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

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

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

---

您需要添加

最大宽度：初始值因此它将覆盖引导的样式

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

这对于将图像保持在正确的大小和纵横比非常有用。虽然它挂在容器外面。你知道如何将图像保存在容器内吗？我已更新了您的更改：