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

问题

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

要求

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

设计图

最佳答案

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