问答

pc端,设计尺寸是1440,背景横向铺满,如何保持在窗口放大缩小时

作者:admin 2021-05-06 我要评论

问题 在pc端,现设计图是1440px,要求适配各种分辨率(1366-1920-...)的区间,现在用的是px单位 要求 图片不能变形(蓝色),宽度要铺满100% 图片与文字的垂直距离不...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

问题

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

要求

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

设计图

image.png

原图资源

image.png

###

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

###

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

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • pc端,设计尺寸是1440,背景横向铺满,

    pc端,设计尺寸是1440,背景横向铺满,

  • ionic打包iOS的时候怎么指定iOS支持的

    ionic打包iOS的时候怎么指定iOS支持的

  • 如何隐藏火狐浏览器左下角的悬浮状态栏

    如何隐藏火狐浏览器左下角的悬浮状态栏

  • js 两数组比较并提取出符合条件的数组

    js 两数组比较并提取出符合条件的数组

腾讯云代理商
海外云服务器