方案一： 为适应于iphoneX的齐刘海，ios11的WebView Viewport对于顶部做了调整。 iphoneXViewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中，通常这个虚拟的“窗口”(viewport)比屏幕宽，这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页布局)，用户可以通过平移和缩放来看网页的不同部分。移动版Safa
转载
2023-08-19 15:31:20
109阅读
在开发iOS应用时，适配iPhone X无疑是一个重要的课题。iPhone X以其不同寻常的全面屏设计和缺失的Home键，引入了一系列新的适配需求。为了解决这一问题，我整理出了以下内容，以期帮助开发者顺利完成iOS适配iPhone X的过程。
### 环境准备
确保系统和工具版本兼容是适配工作的第一步。以下是我们需要考虑的技术栈兼容性矩阵：
| 组件 | 最低版本
业务界面有tab bar，由于iPhone X的屏幕高是812，所有会导致tab bar与layout之间
原创
2022-08-05 08:25:21
116阅读
最近公司要做iOS11和iPhone X的适配工作，上网百度了很多，自己也做了相应的测试和实现，目前做出如下总结，希望广大猿媛们能够互相借鉴，多提意见：一、iPhone X适配：1、状态栏：在iPhone X上，状态栏高为44pt，对于之前自定制状态栏导航栏的同学来说，这无疑是一个噩耗，又又又要改了，和其他机型还要保持兼容，目前主流的做法是判断机型，如果是iPhone X，就使用44pt，如果是其
转载
2023-07-26 21:18:53
169阅读
iOS 13 适配iOS 13 如期而至，适配工作可以开展起来啦。在适配 iOS 13 过程中，整理了如下一些需要适配的内容，请根据自己项目的情况检查并进行适配。1.iOS 13 支持适配的机型iPhone X、iPhone XR、iPhone XS、iPhone XS MaxiPhone 8、iPhone 8 PlusiPhone 7、iPhone 7 PlusiPhone 6s、iPhone
转载
2023-07-24 15:15:46
85阅读
https://www.jianshu.com/p/cf1909e5e83c
原创
2022-06-05 00:38:44
244阅读
在开发 iOS 应用时，适配不同型号设备的界面是每个开发者必须面对的挑战。尤其是在 iPhone X 这样的新款设备中，因其引入了刘海屏设计，使得界面的布局与以前的设备有了显著差异。本文将详细探讨“iOS XIB 如何适配 iPhone X 顶部”的问题，并提供解决方案。
### 问题背景
随着 iPhone X 的发布，很多开发者在使用 XIB 文件进行 UI 布局时逐渐发现，传统的布局方式
通用工具HomeBrew：OS X上非常出色的包管理工具。源码控制Git：分布式版本控制系统和源码管理系统，其优点是：快和简单易用。对于新手来说，可在此查看免费电子书籍。GitHub：声望日盛的资源分享之地。BitBucket：GitHub的替代选择。GitHub for Mac：一个设计的非常美观的git客户端，不能取代你从命令行获得的所有功能，但使用起来非常简单。SourceTree：Wind
适配iPhoneX底部的小黑条 一、场景 由于iPhoneX去掉了物理按键，改为了底部小黑条，这就会导致屏幕适配问题，最常见的场景就是底部fixed的元素被阻挡的情况。对于这种问题，我们一般采取css或js的处理方式（适用于h5，小程序）。 二、css适配方案（推荐） 第一步：设置网页的头部标签 < ...
转载
2021-10-19 23:03:00
1225阅读
2评论
最近很多朋友都在询问关于iphonexr黑屏，iphonexr突然开不了机的问题，今天就来跟大家聊一聊手机无法开机这个话题，希望可以帮助到有需要的朋友。iphonexr黑屏，iphonexr突然开不了机该如何解决?1、重新启动，解决iphonexr突然开不了机手机不能开机分很多种，出现死机故障，同时按住手机上方电源键和home键即可。同时按住没有开机，请记住不要松手，按住时间为10秒钟左右，一般情
iPhoneX的适配你需要注意：准备工作：safeArea 安全区： 苹果ba ba 设计的iPhoneX 去掉了home 键, 增加了faceID 功能，增强了相机功能，然后头部就有了刘海（左右两侧显示 原来status信息。home键去了加了个Home Indicator（将硬件换成视图，来增大屏幕，官方不建议这些区域有其他app处理），为避免操作的不流畅， 然后就有了安
基础知识 1. 关于iphoneX 、iphoneXS、iphoneXSMax、iphoneXR机型的大小和像素 机型尺寸 注意：开发人员只需要记住开发尺寸 2. 屏幕组成 齐刘海(44px) + 安全区域 + 手势区域(34px) 屏幕组成 适配方案 1. viewport-fit viewpor
转载
2019-04-22 23:33:00
307阅读
2评论
前言如上图所示：对比iPhone8，iPhoneX的屏幕高度增145px，上下新增高度如图二所示。对于相对底部 fixed 定位的元素浏览器的展现都是有问题的。对于底部，如下图是适配前后的对比图(如果是底部导航栏会很明显，导航栏、tab栏会和home小条重合，适配会显得尤为重要)。 关于适配的几个知识点1、安全区域（Safe area ）：确保不会被设
转载
2023-12-26 13:13:09
172阅读
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阅读
世界那么乱，多米很简单。 由于近期公司安排的事情比较多，我就直接上干货，有理有节，请各位看官批评指正。(一) 先说几个常见的误区：1. 滴水成珠；这是错误的说法！滴水成珠主要原理是手机屏幕表层有硫油层，相对水的密度会大一些，所以水珠能最大程度的保持原状，而且测试的手机屏幕表面可能有油渍和汗渍，不足以说明屏幕是原装的，就目前国产的iPhone屏幕很多也会有硫油层，毕竟这不是什么技术难题。2.
iphonex 已经上线有一段时间了，作为业界刘海屏幕第一款机型，导致全屏不能正常的全屏显示了，，所以需要对iphonx 适配，下面就详细说说如何适配 先看一张适配前后的图: iphonex 提供的 meta 头 <meta name="viewport" content="viewport-fit
转载
2020-04-30 23:59:00
211阅读
1、设计软件 sketch 作为现在做UI的主流软件，sketch不仅操作便利、易于上手，软件本身也非常轻便，对于电脑的型号也没有很大的要求，当然，只要是苹果电脑即可。除此之外，sketch自身所含括的UI组件和iOS的系统设计资源也是非常加分的附加值。推荐两个网站：https://oursketch.com/ —无论是学习Sketch，还是搜插件、找素
iPhoneX安全区域引发的问题(Safe Area)瞧一瞧LeetCode题解：Gitbook版本传送门
前端笔记：Gitbook传送门
目录什么是安全区域？预留出Home Indicator指示条简单总结一、什么是安全区域？最近正在开发小程序相关的需求时，遇到了一个问题——ios高版本的安全区域，即iPhoneX及以上拥有的“刘海儿”等可滑动区域会与你开发的内容重合。 幸运的是，在小程序上我们
转载
2023-10-02 10:56:54
513阅读
一、介绍 iPhone X 发布也有一段时间了，独特的 "齐刘海"，以及 "小嘴巴" 带给了苹果粉们无限的遐想，同时也带来众多的吐槽。前几天，招商银行公众号在微信推送了一条消息，11月招商银行App要发布最新版本，完美适配iPhoneX，是国内第一家银行App适配iPhoneX。感兴趣的朋友可以去下载体验一下。作为App开发者，此时你的心情是欣喜若狂，还是一万个XXX奔腾而过。欣喜也许是因为又
转载
2024-06-16 17:45:45
71阅读
过了好久，今天终于有时间总结一下适配iPhone X相关的坑，总的来说有两类坑，一个是导航栏+状态栏的高度发生了变化，一个是一些没有实现实现-tableView: viewForHeaderInSection:和-tableView: viewForFooterInSection:等代理方法的UITableView会出错位的问题。 1. 判断是否iPhone X：返回YES或NO 1.1 判断：宏
