兼容IphoneX的显示，一般有两种方法，一种通过css的media来做兼容，一种是通过js来做兼容。 一、我们先讲CSS的方法，我们要做两步即可： 1. 全屏覆盖，html使用 2.通过对底部上移或者顶部下移进行处理 二、通过js来对IphoneX进行兼容 通过判断设配的宽度高度还有设备的像素是否
原创
2022-05-12 17:26:37
187阅读
最近公司要做iOS11和iPhone X的适配工作，上网百度了很多，自己也做了相应的测试和实现，目前做出如下总结，希望广大猿媛们能够互相借鉴，多提意见：一、iPhone X适配：1、状态栏：在iPhone X上，状态栏高为44pt，对于之前自定制状态栏导航栏的同学来说，这无疑是一个噩耗，又又又要改了，和其他机型还要保持兼容，目前主流的做法是判断机型，如果是iPhone X，就使用44pt，如果是其
转载
2023-07-26 21:18:53
169阅读
如何兼容android、ios的刘海屏描述刘海屏也有其它叫法：凹凸屏、头凹屏、覆盖屏、挖孔屏等等，这里统一按刘海屏命名，虽然都在吐槽IPhoneX的刘海屏，但是各大安卓厂商还是不停的争相模仿，使用起来也是挺不方便的，颜值上升，操作感下降
原创
2022-01-15 11:29:13
401阅读
https://developers.weixin.qq.com/community/develop/article/doc/000604d707c5b023a049ba7125b413 小程序自定义tab的高度拿不到，吸底的这个视频预约组件就无法准确的设置底部间距，但是， 有这个变量 ：safe- ...
转载
2021-09-02 16:57:00
430阅读
2评论
如何兼容android、ios的刘海屏描述刘海屏也有其它叫法：凹凸屏、头凹屏、覆盖屏、挖孔屏等等，这里统一按刘海屏命名，虽然都在吐槽IPhoneX的刘海屏，但是各大安卓厂商还是不停的争相模仿
原创
2022-01-15 11:11:11
548阅读
如何兼容android、ios的刘海屏描述刘海屏也有其它叫法：凹凸屏、头凹屏、覆盖屏、挖孔屏等等，这里统一按刘海屏命名，虽然都在吐槽IPhoneX的刘海屏，但是各大安卓厂商还是不停的争相模仿，使用起来也是挺不方便的，颜值上升，操作感下降，尤其是单手握住屏幕的边缘时会有极大的不便。首先借鉴下网络的手机图片展示下，苹果IOS的还好，但是安卓的厂商有小米、华为、oppo、vivo等都相应...
原创
2021-08-13 17:57:11
619阅读
如何兼容android、ios的刘海屏描述刘海屏也有其它叫法：凹凸屏、头凹屏、覆盖屏、挖孔屏等等，这里统一按刘海屏命名，虽然都在吐槽IPhoneX的刘海屏，但是各大安卓厂商还是不停的争相模仿，使用起来也是挺不方便的，颜值上升，操作感下降，尤其是单手握住屏幕的边缘时会有极大的不便。首先借鉴下网络的手机图片展示下，苹果IOS的还好，但是安卓的厂商有小米、华为、oppo、vivo等都相应...
原创
2021-08-13 17:57:12
2118阅读
方案一： 为适应于iphoneX的齐刘海，ios11的WebView Viewport对于顶部做了调整。 iphoneXViewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中，通常这个虚拟的“窗口”(viewport)比屏幕宽，这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页布局)，用户可以通过平移和缩放来看网页的不同部分。移动版Safa
转载
2023-08-19 15:31:20
112阅读
iPhoneX的适配你需要注意：准备工作：safeArea 安全区： 苹果ba ba 设计的iPhoneX 去掉了home 键, 增加了faceID 功能，增强了相机功能，然后头部就有了刘海（左右两侧显示 原来status信息。home键去了加了个Home Indicator（将硬件换成视图，来增大屏幕，官方不建议这些区域有其他app处理），为避免操作的不流畅， 然后就有了安
微信小程序适配iPhone X主要针对fix定位到底部的区域，比如详情页或购物车底部的按钮栏，会与iPhone X的Home Indicator横条重叠，这样在点击下方按钮时很容易误触发手势操作，如下图：旧方法1. 获取设备信息/**
* 获取设备信息
* @returns {Promise<any>}
*/
export function wechatGetSystemInfo
转载
2023-12-19 10:40:42
357阅读
在开发iOS应用时，适配iPhone X无疑是一个重要的课题。iPhone X以其不同寻常的全面屏设计和缺失的Home键，引入了一系列新的适配需求。为了解决这一问题，我整理出了以下内容，以期帮助开发者顺利完成iOS适配iPhone X的过程。
### 环境准备
确保系统和工具版本兼容是适配工作的第一步。以下是我们需要考虑的技术栈兼容性矩阵：
| 组件 | 最低版本
1、前言 就在今天（2017年09月13日 ）凌晨，苹果发布了带刘海的 iPhone X，这个屏幕需要 iOS 开发者做新的适配，会后苹果发布了 iPhone X 的适配指南，我们将它翻译出来供大家参考。 2、iPhone X iPhone X 拥有一个宽大的、高分辨率、圆角的、扩展到边缘的屏幕，提供了以前从未有过的沉浸式、内容丰富的体验。 1.jpeg (117.22 KB, 下载次数: 5
转载
2023-09-15 23:06:29
199阅读
在苹果iOS 11.3 beta4发布后，网友都以为这下终于要上线正式版啦，结果没想到当正式版的消息传得轰轰烈烈时，苹果又发布了iOS11.3 beta5 更新。目前来看，iOS11.3 beta5 依旧是以修复 bug 和提高性能为主，苹果暂未明确指出加入其他任何新功能。不过意外的是，一项测试显示，iOS11.3 beta5 能提升 iPhone X 功能速度。据国外的一些机构对该版本的测试结果
转载
2023-09-05 13:10:52
838阅读
业务界面有tab bar，由于iPhone X的屏幕高是812，所有会导致tab bar与layout之间
原创
2022-08-05 08:25:21
116阅读
在我们每天使用Iphonex的时候，我们可能会遇到一些局限性，比如无法自定义系统、无法安装特定的软件等等。为了突破这些限制，有许多人尝试在Iphonex上搭建linux系统，以便更加灵活地使用手机。今天，我们就来探讨一下如何在Iphonex上搭建linux系统。
首先，为什么有人要在Iphonex上搭建linux系统呢？有两个主要原因：一是因为Iphonex的系统受到苹果的严格控制，用户无法自由
原创
2024-03-28 10:15:11
131阅读
IPhoneX全面屏是十分科技化的，但是由于其圆角和摄像头刘海位置以及操控黑条的存在使得我们需要去对其样式做一些适配，没有X的同学可以开启 Xcode 9 的iPhone X 模拟器作为学习和调试。 设计和尺寸相关 IPone型号 屏幕尺寸 屏幕密度 开发尺寸 像素密度 倍图 4系列 3.5英寸 3
转载
2020-06-03 10:18:00
153阅读
2评论
世界那么乱，多米很简单。 由于近期公司安排的事情比较多，我就直接上干货，有理有节，请各位看官批评指正。(一) 先说几个常见的误区：1. 滴水成珠；这是错误的说法！滴水成珠主要原理是手机屏幕表层有硫油层，相对水的密度会大一些，所以水珠能最大程度的保持原状，而且测试的手机屏幕表面可能有油渍和汗渍，不足以说明屏幕是原装的，就目前国产的iPhone屏幕很多也会有硫油层，毕竟这不是什么技术难题。2.
过了好久，今天终于有时间总结一下适配iPhone X相关的坑，总的来说有两类坑，一个是导航栏+状态栏的高度发生了变化，一个是一些没有实现实现-tableView: viewForHeaderInSection:和-tableView: viewForFooterInSection:等代理方法的UITableView会出错位的问题。 1. 判断是否iPhone X：返回YES或NO 1.1 判断：宏
toString方法的返回值。 The JavaScript 完成这个任务的方法非常简单：function isNative(fn) {
return (/\{\s*\[native code\]\s*\}/).test('' + fn);
}toString方法会返回这个方法的字符串形式，然后用正则表达式判断里面包含的字符。 更强悍的方法 Lodash的创始人John-David Dalton
转载
2024-10-23 10:59:31
5阅读
光棍节晚上八点，打开51cto学院的app，正准备学习，看到首页正在开展双十一的活动。我就点了一下抽奖的按钮，页面提示抽中了iPhoneX。网上这种活动太多，绝大多数都是骗人的。我也没有当回事。结果半小时后，黄老师主动联系到我，通知我中奖了，我这才知道这事是真的。原来天道酬勤是真的！同学们每天抽点时间学习吧，既可以增加知识，还可以收获意外的惊喜！谢谢51cto学院，谢谢黄老师和晶莹老师！祝你们越办
原创
2017-11-12 16:35:27
1052阅读
点赞
4评论
