Question

当我显示某些图像（特别是那些高度大于宽度的图像）时，它们会水平翻转（90度）。这是HTML中的错误吗？

flipped image

<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>This is my code</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>

  <img width="500px" src="testpicture.jpg">

</body>

</html>

Answer 1

由于视口的设置，它可能不会翻转图像本身，而是翻转整个页面。您可以通过添加文字并查看整个页面是否旋转90度来进行检查。

如何修复水平翻转的图片？

1 个答案: