最近在写一个项目的时候需要展示用户上传的图片，但是图片的大小比例都不对，导致显示的时候大小不一，在网上查了一个css3的样式 object-fit，注意不兼容任何版本的IE。
MDN写的有详细解释：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit#CSS
一看就懂，一写就懵。
这里要注意的是图片 img 必须定宽高，要不然 object-fit 不生效。
<!DOCTYPE html>
<html>
<head>
<title>sass</title>
<style>
img {
width: 240px;
height: 240px;
object-fit: cover;
}
</style>
</head>
<body>
<div>
<img src="images/a.jpg">
<img src="images/a.png">
</div>
</body>
</html>
4928
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
