pc端,设计尺寸是1440,背景横向铺满,如何保持在窗口放大缩小时,与其它div的垂直距离不变,如下图
问题
在pc端,现设计图是1440px,要求适配各种分辨率(1366-1920-...)的区间,现在用的是px单位
要求
- 图片不能变形(蓝色),宽度要铺满100%
- 图片与文字的垂直距离不变(绿色)
- 适配所有分辨率,最低满足(1366-1920),可能还会有更大的分辨率
设计图
原图资源
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
适配所有分辨率,图片宽度要铺满100%,还不能变形,这是不可能的
图片需要占位,100% 宽度,高度自适应即可。
图片宽度设置100%,高度不设置,再加一个向下的外边距,不就可以实现了吗