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

Question

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

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

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

Answer 1

我相信你要找的是object-position:

object-position: 0 0;