CSS - 图像缩放但从右边？答案

【问题标题】：CSS - Image scaling but from the right?CSS - 图像缩放但从右边？
【发布时间】：2021-05-28 15:19:59
【问题描述】：

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

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

是否可以在图像上保留“这需要可见”文本以保持在那里？所以图像从不同的角度缩放？注意：这需要可见实际上是某些图像上的徽标，并且当窗口变小（响应式）时徽标会脱落

此处文字脱落

【问题讨论】：

【解决方案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>

【讨论】：