我需要一个能够保存其宽高比的图像,它将是图像本身的最大宽度或高度,但不会超过窗口的高度/宽度。
这是codepen示例:https://codepen.io/anon/pen/GeQqOv
…
除非您必须支持旧浏览器,否则请使用 object-fit 有价值的 contain 增加或减少图像的大小以填充盒子,同时保持其纵横比。
object-fit
contain
img { width: 100%; height:auto; object-fit: contain; max-height: 100vh; }
我可以用吗