旋转后图像无法正确显示

Question

我需要将图像旋转90倍并在Card Component中显示，现在我正在使用Element.io，但是当我旋转图像时，它覆盖了文本的一部分

当前，图片仅具有以下样式：

.image {
  width: 100%;
}

当我们只想显示原始图像时效果很好

这是我的问题的再现：https://jsfiddle.net/HugoLiconV/92hspw56/

Answer 1

我有点解决了。我们正在使用cloudinary，所以我要做的就是通过添加a_90到链接来添加一个旋转图像的转换，例如：http://res.cloudinary.com/demo/image/upload/a_90/v1569337519/test.png