gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 12:25:20 27 4
gpt4 key购买 nike

调整窗口大小时,有没有办法从顶部锚定图像?
Take a look at this Imgur post 。当我调整窗口大小时,它从中心锚定,将图像放大到中心。这很酷,但这里的最终目标是让它从顶部放大。我希望即使屏幕很宽也能看到“Luna Li”和“Opal Angel”的文字。
我希望最终目标看起来像这个屏幕截图,即使窗口不是正方形,您仍然可以看到文本(这个概念是通过更改 top: 30%; 来实现的,但这会导致背景看起来像 this 的问题小窗口)。 screenshot

最佳答案

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

object-position: 0 0;

关于html - 调整窗口大小时在 CSS 中从顶部锚定图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63640353/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com