具有最大宽度或高度的图像本身具有保存的宽高比的图像，受窗口大小的限制

作者: 5678
发布时间: 2024-08-31 11:51:49 (18天前)
转自：

2 条回复

0#
回复此人
无思 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 除非您必须支持旧浏览器，否则请使用 <code> object-fit </code> 有价值的 <code> contain </code> 增加或减少图像的大小以填充盒子，同时保持其纵横比。 </p> <pre> <code> img { width: 100%; height:auto; object-fit: contain; max-height: 100vh; } </code> </pre> <P> <a href="https://caniuse.com/#search=object-fit" rel="nofollow noreferrer"> 我可以用吗 </A> </p> </DIV>

编辑

登录后才能参与评论