相关文章
iphonex适配的n种方案
一、方案
（原理见第二部分） 1、简单粗暴的方法，不需要知道是不是iphonex，有safe area就空出来。 padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
padding-bottom: env(safe-area-inset-bottom); …
建站知识
2025/1/14 0:51:43
开发常用：前端适配 iPhoneX
1、iPhoneX 出现的问题
iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。 对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小…
建站知识
2025/1/6 5:14:38
iOS开发-iPhoneX的适配-iPhoneX屏幕适配分享
文章感谢 PingWest品玩，奇点开发者图拉鼎
iOS 11正式发布，原本bate版就很多坑，现在还没解决就正式发布了~内心也是酸爽的。除了代码上的坑，更恶劣的就是新的iPhone咯，看到iPhone8和8P的时候内心还算不错的，…
建站知识
2024/12/13 9:31:22
小程序iPhonex适配
1 <!-- 小程序 在app 里面写 是否判断他是IPhone X-->2 wx.getSystemInfo({3 success: function(res) {4 if (res.model.indexOf(iPhone X) ! -1) {5 that.globalData.isIphoneX true //不等于-1 就是----6 }7 }8 }) 9
1…
建站知识
2024/11/14 19:05:40
uniapp-iPhoneX和iPhoneX Max 的底部小黑条挡住底部tab
1、在template.h5.html中添加viewport-fitcover
<meta name"viewport" content"widthdevice-width, user-scalableno, initial-scale1.0, maximum-scale1.0, minimum-scale1.0, viewport-fitcover">
2、在App.vue中引入scss
<style lang"…
建站知识
2025/1/1 0:44:13
cordova项目适配iPhoneX
最烦的就是手机端的各种适配了，哈哈
更新Cordova插件
首先确认使用的cordova插件有是否包含针对iPhone X的release,例如cordova-plugin-splashscreen, cordova-plugin-statusbar等.
在项目目录下打开终端，输入命令：
cordova plugin remov…
建站知识
2024/12/17 2:09:42
iPhoneX底部安全区域适配
问题
H5 手机底部和黑线重叠不美观
解决方法 通过viewport constant(safe-area-inset-bottom) env(safe-area-inset-bottom) 来为iphoneX底部的黑线做底部安全区适配 步骤 1
找到 name viewport 的 meta 标签并 追加 viewport-fitcover <meta name"viewport"…
建站知识
2024/12/20 19:22:06
docker版jxTMS使用指南：4.2版升级内容
4.2版jxTMS升级了多个重大能力，本系列文章将逐一进行讲解。
docker版本的使用，请查看：docker版jxTMS使用指南
4.0版jxTMS的说明，请查看：4.0版升级内容
本系列文章包括：
使用数据源来拉取modbus数据
使…
建站知识
2024/12/28 16:04:27
