所以我想要一个img被显示
>尽可能大(纵向填充宽度/横向/高度时)
>没有作物
>无偏斜或拉伸(原始长宽比)
>垂直和水平居中
此外，图像的原始大小是未知的。
我已经尝试了很多不同的选择，包括一个flexBox(选择垂直中心)，但似乎没有勾选所有的框。
理想情况下，我希望这是一个全面的CSS解决方案，但我一直在研究一些JS。
谢谢
解决方法
jsFiddle Demo
要使其中心，您可以使用如下所示的技术：Absolute centering。
为了使其尽可能大，最大宽度和最大高度为100％。
.className {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
overflow: auto;
}
