css – 裁剪图像而不是拉伸图像

前端之家收集整理的这篇文章主要介绍了css – 裁剪图像而不是拉伸图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在具有固定宽度和高度的容器中插入图像时,图像会拉伸以适合该空间.有没有办法以正常尺寸显示图像,但有多余的剪裁?

解决方法

现代的方法是使用object-fit:none; (或更常见的物体贴合:覆盖;如果你想缩放,但没有拉伸).
img {
    object-fit: cover;
}

截至2018年3月,93%的浏览器会话都支持功能. – Can I use?

原文链接:https://www.f2er.com/css/215538.html

猜你在找的CSS相关文章