html - 调整窗口大小时在 CSS 中从顶部锚定图像

Question

调整窗口大小时，有没有办法从顶部锚定图像？

看看这个 Imgur 帖子。当我调整窗口大小时，它从中心锚定，将图像放大到中心。这很酷，但这里的最终目标是让它从顶部放大。我希望即使屏幕很宽也能看到“Luna Li”和“Opal Angel”的文字。

我希望最终目标看起来像这个屏幕截图，即使窗口不是正方形，您仍然可以看到文本（这个概念是通过改变来实现的top: 30%;，但这会导致背景看起来像这样的问题窗户）。

标签： htmlcsselectron

Answer 1

我相信您正在寻找的是object-position：

object-position: 0 0;