请注意,是图片居中,不是img标签居中,
<style>
*{
padding:0;
margin:0;
}
body{
width:100%;
height: 100vh;
}
img{
background: red;
width:100%;
height: 100%;
/*object-position: calc(100% - 20px) calc(100% - 10px);*/
object-position: 50% 50%;
object-fit: contain;
}
</style>
</head>
<body>
<img src="./2020_0111_375c10a0j00q3x7j90014c000hs00eom.jpg" crossorigin="anonymous" alt="">
https://www.zhangxinxu.com/wordpress/2015/03/css3-object-position-object-fit/