微信公众号开发

微信小程序全屏背景图适配

本文主要是介绍微信小程序全屏背景图适配，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

需求：一张全屏背景图适配不同手机屏幕，图片不变形不裁剪

方案：填充色+图片。其他方案不太行。其他方案参考微信社区：https://developers.weixin.qq.com/community/develop/doc/000eee514f8908ed7d5aef55e51400

  • #EF1739是填充色，背景图片大小按照设计图写死，布局从上往下，区中。如果屏幕比图片宽或者长，则填充#EF1739。
  • 别问，问就是这是最好最简单的解决方案了。里面的内容用绝对定位布局，这还顺便解决了在不同机型中内容和全屏背景图位置错位不适配问题。
  • 嗯，又是和产品吵架的一天
这篇关于微信小程序全屏背景图适配的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航