苹果爸爸iOS11废弃了UIViewController的automaticallyAdjustsScrollViewInsets属性导致 处理方案： 统一在appDelegate的didFinishLaunchingWithOptions...的最开始增加： Swift： if#available(iOS 11.0, *) {UIScrollView.appearance().contentInsetAdjustmentBehavior...=.never} OC： if (@available(iOS 11.0, *)) {UIScrollView.appearance.contentInsetAdjustmentBehavior
适配 iphoneX 的方法。概括来讲： 为了避免 iphoneX 的刘海和底部出现空白，苹果已经把 viewport-fit 增加到了 CSS Round Display 规范中。...，并向 CSS 工作组提出了标准化的建议。...他们引入了 User Agent properties 的概念，用来在 css 中使用用户代理提供的变量，比如 safe-area-inset-left 等，参考 [css-variables] User...viewportTagContent = 'width=device-width,initial-scale=1,user-scalable=no'; // Detect if iOS device if (/(iPhone...like Mac OS X/i)[1]); // Detect if device is running >iOS 11 // iOS 11's UIWebView and WKWebView
关于iphone x的launchimage 21E78038-A05F-4D04-8DB6-33844109AAC4.png 苹果爸爸，你让有tabbar的app怎么处理这个玩意 CD0F048C-D78D
最近在学习mpvue,记一下苹果X安全区域的适配问题 判断机型工具类 全局组件mixin 安全距离css 页面标签class类处理 # 判断机型工具类 safe-area.js let cache =...wx.getSystemInfo({ success: ({ model, screenHeight, statusBarHeight }) => { const iphoneX = /iphone...x/i.test(model) const iphoneNew = /iPhone11/i.test(model) && screenHeight === 812...cache) }, fail: reject, }) } }) } # 全局组件mixin # mixins.js mounted过程中处理，避免不必要的注入...100%; position: fixed; bottom: 0; &.safe { bottom: 34px; } } # 页面标签class类处理 项目中使用了iview库的情况
当苹果宣布发布他们的旗舰手机-- iPhone X 的时候，他们允诺将为未来移动设备设定新的标准。我们决定需要了解一些内容。...问题： 当 iPhone X 被旋转为横向时，设备左右可得到的内容区域是不一样的，这是因为需要取决于设备的绝对方位和 sensor housing 的位置，你站点内容竖直方向的安全区域在...我们的数据显示有 5%-10%的 iPhone X 用户使用横屏，或许是因为屏幕大，或许是因为关于 sensor housing 高涨的讨论导致想看看会出现什么情况，但我很高兴他们能看到一个适应良好的网站...iOS 的解决方案是两边留白以确保内容都可见。这是一个足够好的解决方案，但幸运的是苹果给了一些额外的特性以此来帮助网站充分利用无边框的优势。...两个要素： 有2个基础的要素来调节 iPhone X 的 sensor housing: 1. 一个新的 viewport meta content 值 2.
首先，啥都不管，先在iPhone X上运行起来看看效果在说，运行之后出现的问题主要有如下几个： 屏幕尺寸还是6S上的尺寸大小，用 打印log确实如此 [[UIScreen mainScreen] bounds...出现的位置不对 某些控件的相对位置不对 粗略发现这些变化问题之后，思考一下，主要问题分为两类：一是iPhone X的屏幕尺寸变化带来的变化，二是iOS 11新特性引起的问题。...iPhone X屏幕尺寸的变化主要出现在屏幕的头部和底部，头部设置了导航栏，基本没有出现什么问题，尾部主要就是某些控件的位置出现变化，可能是因为设置的相对位置是相对view的mas_bottom设置的（...屏幕尺寸还是6S上的尺寸大小，用打印log确实如此 [[UIScreen mainScreen] bounds] 这个的主要问题就在于没有适配iPhone X的启动页，如果你的项目中没有自定义的启动页则无所谓...某些控件的相对位置不对 这个的主要问题就是跟iPhone X的屏幕特性有关，之前都是用纯代码用相对布局进行画的图，iPhone X的屏幕高度增加之后，再加上iPhone X的刘海特性和底部圆角的特点
同样满怀期待的还有设计师和开发人员，他们将在iPhone X上看到他们的App了。苹果官方表示：iPhone X是智能手机的未来，而这个未来的风向标可能将会给UI设计师和开发人员带来一些小麻烦。...作为一名UI设计师，我总结了一些在设计iPhone X App时有效的技巧供大家参考： 1. ...使用正确的iPhone X画板尺寸 与之前的iPhone不同，iPhone X屏幕比前一代高145点（约为前一代的20％），并有圆角。如下图所示： ?...使用正确的分辨率导出正确的颜色 iPhone X具有很高的分辨率，因为相较以往几代，它具有更长的新屏幕。它的新超级视网膜显示屏具有2346 x 1125分辨率和458 PPI的像素密度。...如此高的像素密度意味着切图将需要以@3x而不是@ 2x的资源输出。 最好使用Display P3 颜色空间（而不是sRGB）为iPhone X创建UI界面。
iPhone X前置深度摄像头带来了Animoji和face ID，同时也将3D Face Tracking的接口开放给了开发者。...有幸去Cupertino苹果总部参加了iPhone X的封闭开发，本文主要分享一下iPhone X上使用ARKit进行人脸追踪及3D建模的相关内容。...新增接口 ARFaceTrackingConfiguration ARFaceTrackingConfiguration利用iPhone X前置深度摄像头识别用户的人脸。...由于不同的AR体验对iOS设备有不同的硬件要求，所有ARKit配置要求iOS设备至少使用A9及以上处理器，而face tracking更是仅在带有前置深度摄像头的iPhone X上才会有。...在iPhone X上实测效果比7P后置的深度信息更为准确，已经可以很好的区分人像和背景区域。
iPhone X 适配方案 2017年9月苹果发布了 iPhone X 机型，对于它的“刘海儿”和底部 Home Indicator，QQ空间 H5 也在第一时间做了兼容适配。...(safe-area-inset-X) 和 env(safe-area-inset-X) ，这些属性是与 iOS 11 以上的所有 iPhone 机型 (不仅仅包括 iPhone X ) 都相关的，故以...遮挡的问题，所以苹果提供在 css 中设置 constant(safe-area-inset-X) 距离来规避遮挡问题。...iPhone X 模拟器 H5调试 介绍 加入适配代码后，在没 iPhone X 的情况下，可以通过 iPhone X 模拟器调试，像手机QQ / 手机空间里的 H5 页面，可以通过在模拟器上安装手机QQ...这种方法对于我们要调试线上 H5 的其他问题、要测试其他 iOS 设备找不到真机时同样适用。
，但万万没想到的是等来了三款不同的尺寸的 iphone x ，我的天，等了这么久你给我看这个？...，因为如果页面底部有按钮的话，就会被胡子给挡住，以往我们兼容过 iphone x 的下巴，但现在回想起来不是正确的做法。...这样只是解决了底部胡子的问题，我们试着横屏看看： ? 这里有个很明显的问题：页面左边的文字被刘海遮挡。 ?...这些处理如果在9月13日之前是问题不大的，但在 9月13日 之后前端开发的同学头就大了，因为新的三款 iphone 尺寸都不一样（逻辑像素 xr: 375 * 812; xs: 414 * 896; xs...是的，但你见过 iphone x+ 有 ios 11以下的吗？ 所以我们可以愉快的搞下去。 开始之前我们先了解什么是 safe area，简单的来说就是除了刘海和胡子以外的区域为安全区域： ?
有幸去Cupertino苹果总部参加了iPhone X的封闭开发，本文主要分享一下iPhone X上使用ARKit进行人脸追踪及3D建模的相关内容。...iPhone X前置深度摄像头识别人脸视频 新增接口 ARFaceTrackingConfiguration ARFaceTrackingConfiguration利用iPhone X前置深度摄像头识别用户的人脸...由于不同的AR体验对iOS设备有不同的硬件要求，所有ARKit配置要求iOS设备至少使用A9及以上处理器，而face tracking更是仅在带有前置深度摄像头的iPhone X上才会有。...在iPhone X上实测效果比7P后置的深度信息更为准确，已经可以很好的区分人像和背景区域。...除了人脸的空间位置信息和几何信息，ARKit还提供了十分精细的面部表情形变参数，用来做类似张嘴触发是完全没问题的，我们还可以用其实现一些有趣的效果。
9月13日凌晨终于等来了万众瞩目的苹果新品发布会，相信很多小伙伴们都期待新 iphone 可以剪掉刘海胡子，但万万没想到的是等来了三款不同的尺寸的 iphone x ，我的天，等了这么久你给我看这个？...，因为如果页面底部有按钮的话，就会被胡子给挡住，以往我们兼容过 iphone x 的下巴，但现在回想起来不是正确的做法。...效果如下图： 这样只是解决了底部胡子的问题，我们试着横屏看看： 这里有个很明显的问题：页面左边的文字被刘海遮挡。...这些处理如果在9月13日之前是问题不大的，但在 9月13日 之后前端开发的同学头就大了，因为新的三款 iphone 尺寸都不一样（逻辑像素 xr: 375 * 812; xs: 414 * 896; xs...是的，但你见过 iphone x+ 有 ios 11以下的吗？ 所以我们可以愉快的搞下去。
H5嵌套了一个图片预览的页面，原生的把导航条隐藏了，H5在iPhone X上顶部和底部都有一条白色的，一看好像是Safe Area。问题。解决办法 ?
共计2164字|建议阅读时间6分钟 编者按 北京时间9月13日凌晨，苹果新品发布会再一次汇聚了世界的目光，苹果也不负众望，推出了两款全新的主力机型iPhone8和iPhone X。...其中iPhone X很多新功能都创新性十足，但同时也引起了极大的争议。事后围绕值不值得买这个话题，也是众说纷纭，我目测来看，现在的舆论导向是偏向于不买，并列出了几大“罪状”。...当然事后苹果也做出了比较合理的解释，因为演示之前，有工作人员拿了这台iPhone X，但没有意识到脸部识别系统正在试图验证他们的脸，因为验证失败，导致iPhone X自动锁定（解锁失败次数太多），此时只能通过密码来进行解锁...总结 With the iPhone X, your iPhone is locked until you look at it and it recognizes you....当然，新技术受到质疑实属平常，这项技术是否真正可行，还需要实践的检验，而iPhone X将会是它第一次真场景实地检验。
AiTechYun 编辑：yuxiangyu 新款iPhone X最热门功能之一就是新的解锁方法：FaceID。由于创建了无边框手机，苹果不得不开发一种能简单快捷的解锁手机的新方法。...借助一款先进的前置深度相机（facing depth-camera），iPhone X能够创建用户脸部的3维映射。此外，使用红外相机拍摄用户脸部的图片，该图片对于环境的光线和颜色的变化更具鲁棒性。...我将解释我采取的各种架构决策，并使用Kinect展示一些最终实验结果，它一种非常流行的RGB深度相机，它与iPhone X前置摄像头的输出非常相似（但设备更大）。...FaceID设置过程 第一步是仔细分析FaceID在iPhone X上的工作原理。他们的白皮书可以帮助我们理解FaceID的基本机制。...比如，支持FaceID 的神经网络不仅仅是执行分类。 苹果推出iPhone X和FaceID 针对神经网络进行分类，意味着学习如何预测它看到的脸是否是用户的。
在开发小程序时，可能需要适配iPhone x 的时候，你会发现底部的横线会出现遮挡，这时候就要处理下： 在app.js中添加一个检测当前设备是否是iPhoneX的变量： globalData: {.../ console.log('手机信息res'+res.model) let modelmes = res.model; if (modelmes.search('iPhone...X') !...= -1) { that.globalData.isIphoneX = true } }, }) } 在需要做兼容的xxx.js中引入： var...'width30' : 'width10'}}"> 然后在对应的wxss里设置好对应的类名就ok 了，比较简单方便。 参考：小程序iPhone X 视适配
最近的项目用到了著名的Three20界面库， 程序发布完成结果背Apple拒绝，理由是使用了Private APIs， 没话说，肯定是Three20的问题。...果然，一试吓一跳， 无法运行，原因是Three20中的所有对SDK种类的扩展都没被打包编译进来，运行时无法找到相应的selector，当然就crash了 开始是google搜寻答案，屡试之后，静下心来看看...Three20的文档， 看到最后才恍然大悟，原来还需要一个 -all_load 连接选项。...然后翻阅水果文档，才知道 -all_load link option连接选项是告诉编译器将所连接的库全部包含，而不是用到才引入。
我曾经遇到过这样的问题，但需求是即使滑动scrollView，NSTimer也不能失效，于是就好好地研究了下这个问题。最终发现是NSTimer选择的一个模式的问题。...，并且选择NSDefaultRunLoopMode这个默认的模式。...在选择这个默认的模式之后，如果我们不与UI进行交互那么NSTimer是有效的，如果我们与UI进行交互那么主线程runloop就会转到UITrackingRunLoopMode模式下，不能处理定时器，从而定时器失效...让定时器不失效的方式有两种：1.改变runloop的模式（NSRunLoopCommonModes），无论用户是否与UI进行交互主线程的runloop都能处理定时器。...2.开启一个新的线程，让定时器在新的线程中进行定义，这时定时器就会被子线程中的runloop处理。
文章目录 iPhone 屏幕分辨率终极指南 适配新的 iPhone X 设备 检测 iPhone X/XS/XR 设备的几种方式 方式一：通过获取设备的 device model 来判断 方式二：通过获取屏幕的宽高来判断...，主要包括三部分： iPhone 屏幕分辨率总结 如何适配新的 iPhone X 设备 检测设备是否为 iPhone X/XS/XR 的几种方式 ---- iPhone 屏幕分辨率终极指南 上周，苹果发布了三款新的...---- 检测 iPhone X/XS/XR 设备的几种方式 最后，我们如何在代码中判断当前设备是否为 iPhone X 呢？...iPhone X 的方式，供大家参考，不足之处欢迎补充。...方式五：通过 UIStatusBar 的高度判断 在 iPhone X 之前，所有 iPhone 设备的 StatusBar（状态栏）高度都为 20pt，而 iPhone X 的为 44pt，因此我们可以通过获取状态栏的高度判断是否等于
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
