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

发布于
2021-01-27

更新于
2021-01-27

问题

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

要求

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

设计图

原图资源

前端 javascript vue.js css

阅读 4.3k

3 个回答

发布于
2021-01-27

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

发布于
2021-01-27

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

烽火碎月

发布于
2021-01-27

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

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题