相关疑难解决方法(0)

这似乎微不足道,但毕竟研究和编码我无法让它工作.条件是:

1. 浏览器窗口大小未知.所以请不要提出涉及绝对像素大小的解决方案.
2. 图像的原始尺寸未知,可能已经或可能不适合浏览器窗口.
3. 图像垂直和水平居中.
4. 必须保留图像比例.
5. 图像必须完整显示在窗口中(无裁剪).
6. 我不希望出现滚动条(如果图像适合,它们不应该.)
7. 当窗口尺寸改变时,图像会自动调整大小,以占用所有可用空间而不会大于其原始大小.

基本上我想要的是这个:

.fit {
  max-width: 99%;
  max-height: 99%;
}
<img class="fit" src="pic.png">

上面代码的问题在于它不起作用:pic通过添加垂直滚动条来获取所需的所有垂直空间.

我自己可以使用PHP,Javascript,JQuery,但是我只能使用纯CSS解决方案.我不在乎它是否在IE中不起作用.