CSS如何让窗口内绝对定位的元素相对位置大小随着窗口大小的改变而改变?
元素在页面窗口最大化的时候显示位置是对的,但窗口缩小了就变成了这样,房子重叠到了一起,而不是等比缩放到相对位置,请问怎么解决这个问题呢?
补充一下,建筑图片是div设置的背景图,div放在一个大盒子里面。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
大小用rem,或者媒体查询设置不同分辨率下的房屋大小
肯定需要js去获取窗口位置数据了
不知道你是怎样的布局,我就简单说一下我的想法吧:
左右两个容器宽度自适应,两个图片设置成背景图吧,js设置background-size:值为容器的宽高,这样就不会覆盖了,
各自用比例表示图片的大小
搜一下vw,vh这两个单位:100vw等于窗口的宽度