然后使用css旋转图像并使其具有80％的宽度

Question

图像处于纵向模式，即高于宽度。我希望在浏览器窗口中以横向显示图像，即旋转90度，然后然后有80％的宽度。什么行不通的是

.rotimg {
  transform: rotate(90deg);
  width: 80%;
 }

看起来图像首先缩放到80％宽度，然后旋转。特别是块的高度保持在原始的纵向高度，图像太宽＆＃34;。

有没有办法用纯CSS解决这个问题，即让浏览器首先旋转然后应用宽度并计算块高度？