前端之家收集整理的这篇文章主要介绍了
css – 裁剪图像而不是拉伸图像,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在具有固定宽度和高度的容器中插入图像时,图像会拉伸以适合该空间.有没有办法以正常尺寸
显示图像,但有多余的剪裁?
现代的
方法是使用object-fit:none; (或更常见的物体贴合:覆盖;如果你想缩放,但没有拉伸).
img {
object-fit: cover;
}
截至2018年3月,93%的浏览器会话都支持此功能. – Can I use?
原文链接:https://www.f2er.com/css/215538.html