如何在html中以纵向模式正确显示图像？

Question

我在我的网站上使用了一些简单的照片，其中一些是横向模式，另一些是纵向模式。我使用最基本的HTML：

<img src="/doc/54836abcc1a36b7526daa146">

当我直接在浏览器中访问网址（/doc/54836abcc1a36b7526daa146）时，我正确地将图像视为常设/纵向模式，但是当我在html img-tag中使用它时，它会以横向模式显示。这是因为我没有使用扩展名（例如：.jpg）。或者是其他错误？

有人知道如何以纵向模式正确显示图像吗？欢迎所有提示！

Answer 1

使用CSS可以旋转或缩放图像，以横向或纵向方式查看图像。以下是示例：

将图像旋转90度：

img {
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}

缩放图像：

img {
height: 100px;
width: 200px;
}