小程序适配全面屏机型

应用场景

手机适配

思路分析

1:首选需要判断是否是全面屏手机
2:如果是全面屏手机,则改变响应的样式

代码实现

1:在全局放一个变量.isFullSucreen,含义为是否是全面屏

2:调用wx.getSystemInfo。 利用公式计算出是否是全面屏,如果是全面屏,就将其赋值为true

3:在需要适配的页面,获取isFullSucreen(此时,在需要在适配的页面,也初始化isFullSucreen为空或者false。而且由全局获取来的isFullSucreen,此时肯定是true)。

4:既然全局获取来的isFullSucreen 为true(因为是全面屏),所以用这个变量通过style,来控制页面响应的样式

图解:1 判断是否是全面屏
在这里插入图片描述
2:在需要适配的页面,声明变量,获取全面屏变量,改变相应的样式
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值