CSS

Question

article img {
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
}

<article>
  <img src="https://i.ibb.co/84FnVcK/Group.png">
</article>

是否可以将图像上的 'This needs visible' 文字保留在那里？所以图像从不同的角度缩放？注意：这个需要可见的实际上是一些图像上的标志，当 window 变小（响应）

时，标志会脱落

此处文字脱落

Answer 1

尝试给它object-position: left center，很像background-position，当图像需要缩放时，它确定锚点。

article img {
    width: 400px;
    height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: left center;
}

<article>
  <img src="https://i.ibb.co/84FnVcK/Group.png">
</article>

CSS - 图像缩放但从右边开始？