[css] 举例说明微信端兼容问题有哪些？

说一个微信小程序的iPhoneX适配吧， 因为iPhoneX底部没有虚拟按键，底部的横线会出现遮挡这时候就要处理下：
大概思路就是获取到客户端设备，然后判断是iPhoneX就换样式。
在app.js中添加一个检测当前设备是否是iPhoneX的变量：globalData: {userInfo: null,isIphoneX: false//判断是否是iPhoneX},onShow: function() {var that = this;wx.getSystemInfo({success: function(res) {// console.log('手机信息res'+res.model)  let modelmes = res.model;if (modelmes.search('iPhone X') != -1) {that.globalData.isIphoneX = true}},})}在需要做兼容的xxx.js中引入：var app= getApp();
Page({
data: {isIphoneX: false
},
onLoad: function(){// 判断是否为iPhoneXvar isIphoneX = app.globalData.isIphoneX;console.log(isIphoneX ? '是iPhoneX' : '不是iPhoneX')this.setData({isIphoneX: isIphoneX})}
})

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 举例说明微信端兼容问题有哪些？相关推荐

LArea 微信端地址选择
最近做到一个项目,微信端的商城需要地址选择功能在百度上看了,采用LArea.js....下载实例,在移动端模拟器上运行是比较好的, 在微信上模拟后出现很多问题, 1,出现undefined 都定义正 ...
JS实现css的hover效果，兼容移动端
Hi I'm Shendi JS实现css的hover效果,兼容移动端功能概述 CSS的hover即触碰时触发,在电脑端鼠标触碰,移动端手指触摸有的时候光靠css实现不了一些效果,例如元素触发ho ...
微信支付宝双端兼容获取手机号头像昵称
微信支付宝双端兼容获取手机号头像昵称 1. 页面效果参考上一篇的微信小程序获取用户头像昵称手机号最新版 2. 授权手机号弹窗 <u-modal v-model="showAutho ...
CSS媒体查询及移动端兼容
1.媒体查询通过媒体查询(Media queries),您可以根据各种设备特征和参数的值或者是否存在来调整您的网站或应用. 它们是响应式设计 (en-US)的关键组成部分. 例如,媒体查询可以缩小小 ...
微信如何通过ip访问服务器项目,vue2.0 在微信端如何使用本地IP访问项目
我们会遇到这样的需求,在PC端开发vue脚手架项目,希望在微信端随时浏览页面(如果打包再发布到服务器又太麻烦),怎么办? 思路很简单:保证手机和电脑在同一个IP下,用同一个IP访问项目,这样就可以了: ...
[css] 举例说明CSS特性检测的方式有哪些？
[css] 举例说明CSS特性检测的方式有哪些? 原生的 @supports 的性能肯定是最好的,而且无需引入外部 javascript ,首推这个,但是无奈兼容问题,目前来看不是最好的选择.Mode ...
uni app 录音结束监听_全新重构，uni-app实现微信端性能翻倍
多次论证.数月研发,我们重写部分Vue底层.重构uni-app框架,实现了微信端性能翻倍及更多Vue语法支持. 背景 uni-app在初期借鉴了mpvue,实现了微信小程序端的快速兼容,感谢美团点评团 ...
div旋转 vue_Vue实现在线签名(微信端内强制横屏/手机浏览器横竖屏支持)实现过程...
1.如何实现横屏功能微信端: 由于微信端默认不开启横屏模式,且在安卓手机上,就算开启了手机自带的屏幕旋转,微信也需要手动开启横屏模式才可以让微信横屏显示. 而且大多数用户都不会开启,因为太不方便了, ...
微信端视频播放时防止被浏览器劫持的问题
微信端视频播放时防止被浏览器劫持的问题: 参见: 腾讯的移动浏览器劫持 <Video> 换成它自己的播放器还插广告: https://www.v2ex.com/t/411564 video ...

[css] 举例说明微信端兼容问题有哪些？

[css] 举例说明微信端兼容问题有哪些？

个人简介

主目录

[css] 举例说明微信端兼容问题有哪些？相关推荐

最新文章

热门文章