javascript - 如果图像比浏览器大，如何将图像居中放置在页面中间并调整其大小？

Question

我正在尝试调整图像大小并将其保持在页面中间。我试过<center>和 align="middle"以及我在这里发现的许多其他没有帮助的东西。这是页面的示例(我希望它是什么，但没有文本、背景等):

https://gyazo.com/5943303da90127d4e5bf24989812888e

这是目前的情况:

• 小图:http://i.inf.vg/qkYCd
• 中图:http://i.inf.vg/3AtgG
• 大图:http://i.inf.vg/E6b0r

Answer 1

img {
   left: 50%;
   top: 50%;
   max-height: 100%;
   max-width: 100%;
   position: absolute;
   transform: translate(-50%, -50%);
}

<img src="//i.imgur.com/7xYQq8P.jpg" />