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

时间: 2021-01-27 23:38:13     标签: css  html5  javascript  vue.js  前端     

问题

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

要求

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

设计图

最佳答案

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