Html img标签中的图像旋转

直接转到图像URL时，图像不会旋转，但在图像标记内，图像会旋转

我不知道发生了什么事

---

（我使用Azure来承载图像）

如果所有图像都出现这种情况，那么您只需添加一个transform css标记即可将图像旋转90度

例如：

风格={{
高度：“500px”，
边界半径：“15px 15px 15px 15px”，
boxShadow：“0px 5px 15px-4px 000000”，
变换：“旋转（90度）”，我认为问题在于，如果它是在手机上拍摄的肖像，它会这样做吗？因为我所有的其他照片都没有显示相同的问题，所以图像文件包含描述图像原始方向的元数据，浏览器还不支持这一点。请检查此项以获取更多替代方案。谢谢@harryManoharan！I used和EXIF数据显示，在90 CW时的OREITATION。
    style={{
      height: "500px",
      borderRadius: "15px 15px 15px 15px",
      boxShadow: "0px 5px 15px -4px #000000",
      transform:"rotate(90deg)",  <-----
    }}