pc端,设计尺寸是1440,背景横向铺满,如何保持在窗口放大缩小时,与其它div的垂直距离不变,如下图

发布于 2022-09-12 22:14:41 字数 345 浏览 10 评论 0

问题

在pc端,现设计图是1440px,要求适配各种分辨率(1366-1920-...)的区间,现在用的是px单位

要求

  1. 图片不能变形(蓝色),宽度要铺满100%
  2. 图片与文字的垂直距离不变(绿色)
  3. 适配所有分辨率,最低满足(1366-1920),可能还会有更大的分辨率

设计图

image.png

原图资源

image.png

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

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

发布评论

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

评论(3

情独悲 2022-09-19 22:14:41

适配所有分辨率,图片宽度要铺满100%,还不能变形,这是不可能的

暗地喜欢 2022-09-19 22:14:41

图片需要占位,100% 宽度,高度自适应即可。

孤独难免 2022-09-19 22:14:41

图片宽度设置100%,高度不设置,再加一个向下的外边距,不就可以实现了吗

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