收藏
回答

小程序使用整张图片做背景图?

最近在做一个功能,需要一个图片当做页面的整个背景,设计给我的图片是750的。在750机型上显示没有问题,在其他机型上因为图片会被拉伸,导致我页面会出现变形(因为是依靠定位做的布局),在这里想请教大家,有没有什么解决思路。

这是750上面,没有问题。

其他机型就会出现这种问题。

回答关注问题邀请回答
收藏

3 个回答

  • Frank
    Frank
    2022-05-16

    跟UI同学商量下,把艺术字扣出来,剩下用背景色来写吧

    2022-05-16
    有用
    回复
  • 微喵网络
    微喵网络
    2022-05-16
    background-size: 100% auto;
    
    2022-05-16
    有用
    回复 2
    • 天将明
      天将明
      2022-05-16
      这样高度就没办法占全屏了
      2022-05-16
      回复
    • 微喵网络
      微喵网络
      2022-05-16回复天将明
      你既要占满全屏又要保持宽高比,怎么可能
      2022-05-16
      回复
  • 鲤子
    鲤子
    2022-05-16

    将幸运刮刮乐那块内容用png切出来,或者底色能够拼接jpg也可,白色用png切出来,底色的渐变可用css实现。图片高度根据页面宽度自动调整,这样将两块拼接起来就比较好处理了。

    2022-05-16
    有用
    回复 2
    • 天将明
      天将明
      2022-05-16
      我试试
      2022-05-16
      回复
    • 鲤子
      鲤子
      2022-05-16回复天将明
      以我多年切图仔的经验来看,背景色单色,有渐变,用css实现,内容图片单独切出来,白色部分当作一个容器,随便什么机型,内容排版都是从上往下。
      2022-05-16
      回复
登录 后发表内容