问题
在pc端,现设计图是1440px,要求适配各种分辨率(1366-1920-...)的区间,现在用的是px单位
要求
- 图片不能变形(蓝色),宽度要铺满100%
- 图片与文字的垂直距离不变(绿色)
- 适配所有分辨率,最低满足(1366-1920),可能还会有更大的分辨率
设计图
原图资源
###适配所有分辨率,图片宽度要铺满100%,还不能变形,这是不可能的
###图片需要占位,100% 宽度,高度自适应即可。
###图片宽度设置100%,高度不设置,再加一个向下的外边距,不就可以实现了吗
作者:admin 2021-05-06 我要评论
问题 在pc端,现设计图是1440px,要求适配各种分辨率(1366-1920-...)的区间,现在用的是px单位 要求 图片不能变形(蓝色),宽度要铺满100% 图片与文字的垂直距离不...
在pc端,现设计图是1440px,要求适配各种分辨率(1366-1920-...)的区间,现在用的是px单位
适配所有分辨率,图片宽度要铺满100%,还不能变形,这是不可能的
###图片需要占位,100% 宽度,高度自适应即可。
###图片宽度设置100%,高度不设置,再加一个向下的外边距,不就可以实现了吗
版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除