CSS如何让窗口内绝对定位的元素相对位置大小随着窗口大小的改变而改变?

发布于 2022-09-06 01:40:34 字数 259 浏览 35 评论 0

元素在页面窗口最大化的时候显示位置是对的,但窗口缩小了就变成了这样,房子重叠到了一起,而不是等比缩放到相对位置,请问怎么解决这个问题呢?

clipboard.png
补充一下,建筑图片是div设置的背景图,div放在一个大盒子里面。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

波浪屿的海角声 2022-09-13 01:40:34

大小用rem,或者媒体查询设置不同分辨率下的房屋大小

凉栀 2022-09-13 01:40:34

肯定需要js去获取窗口位置数据了

时光是把杀猪刀 2022-09-13 01:40:34

不知道你是怎样的布局,我就简单说一下我的想法吧:

左右两个容器宽度自适应,两个图片设置成背景图吧,js设置background-size:值为容器的宽高,这样就不会覆盖了,

初懵 2022-09-13 01:40:34

各自用比例表示图片的大小

后知后觉 2022-09-13 01:40:34

搜一下vw,vh这两个单位:100vw等于窗口的宽度

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文