相关文章
iOS11适配iPhoneX总结
屏幕尺寸相关变化
高度增加了145pt，变成812pt. 状态栏高度由20pt变成44pt，留意这个距离就能避开“刘海”的尴尬，相应的导航栏以上变化64->88。 底部工具栏需要为home indicator留出34pt边距。 物理分辨率为1125px * 2436px. 启动图的适配…
建站知识
2025/1/14 0:52:28
iPhoneX（刘海屏）适配
iPhoneX（刘海屏）适配
在 iOS11的时候，苹果破天荒发布了一款新屏幕样式的手机，俗称刘海屏。世人皆道丑，而后纷纷买之。自此，iOS 开发者们也走向了 iPhoneX系列的适配之旅。
区别
状态栏，导航栏…
建站知识
2024/12/20 4:48:05
CSS 适配 iPhoneX 全面屏
CSS 网页适配 iPhoneX，就是这么简单
前言
iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理࿰…
建站知识
2025/1/9 14:38:12
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
