gpt4 book ai didi

html - 带有图钉的响应式图像 - 第二部分

转载 作者:行者123 更新时间:2023-11-28 03:07:14 24 4
gpt4 key购买 nike

我是新手。如果不清楚,我深表歉意。

我正在尝试弄清楚如何使图像在水平方向和垂直方向上响应,并在图像顶部缩放以匹配图片(而不是视口(viewport))。

我找到了下面的帖子,它非常适合我正在尝试的内容,除了图像在视口(viewport)内不适合垂直(即,小浏览器窗口中有一个垂直滚动条).

Objects follow responsive background-image

我可以通过将 vw 和 vh 添加到容纳图像的容器中来调整图像的大小,但是然后针相对于视口(viewport)而不是图像移动。有谁知道如何修改上面帖子中的代码,使房屋的图片完全适合视口(viewport),同时保持别针就位 - 即,在同一所房子上?

谢谢!!

最佳答案

你可以使用:

溢出:隐藏

https://jsfiddle.net/jynf21kw/2/

关于html - 带有图钉的响应式图像 - 第二部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45891190/

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