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

问题

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

要求

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

设计图

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

原图资源

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

回答

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

以上是 pc端,设计尺寸是1440,背景横向铺满,如何保持在窗口放大缩小时,与其它div的垂直距离不变,如下图 的全部内容, 来源链接: utcz.com/a/108726.html

回到顶部