我想在页面上上传一个用户的个人资料图片，但我的问题是用户上传不同类型的图像。有的高度太大，有的宽度太大。目前，我正在拉伸图像，这会影响图像质量。
我希望能够像baadoo等约会网站一样做到这一点。
我怎样才能做到这一点？
或者我可以使用哪个第三方上传控制来实现这一点。
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
你可以尝试这样的东西(基本上是Nikita和Najam建议的，但有一个例子(
/* IGNORE THIS SECTION */
body {
margin: 0;
padding: 0;
display: flex;
justify-content: space-evenly;
align-items: center;
height: 100vh;
width: 100vw;
}
/* IGNORE THIS SECTION */
.image-container {
height: 200px;
width: 200px;
border: 2px solid red;
}
.image {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}<body>
<div class="image-container">
<img class="image" src="https://placekitten.com/1300/900" alt="">
</div>
</body>我认为你可以使用这个css。如果没有，请告诉我。
.someClassName {
width:100%;
height:550px;
object-fit:cover;
object-position:50% 50%;
}