不知道大家是否会常常在玩游戏的时候误触 iPhone底部横条，然后游戏画面就被滑掉了，等到滑回来后，却已经被敌人打死或是错过重要时机点。今天就要教大家如何把 iPhone 底部横条隐藏，这样子无论在玩游戏、看影片都不会不小心误触造成。 iPhone 底部横条隐藏方式 要将iPhone底部横条 ...

开发中我们经常会遇到一些苹果机型有奇怪的造型，比如刘海，或者是底部的小横条，遮住了我们的页面内容。今天来说说如果去解决IPhone底部小横条的问题。 第一：底部评论等操作面板的代码如下（参杂着vue代码，不熟悉也没关系，注意"news-footer"类选择器 ...

一、相信大家有被iPhone X底部黑色横线支配的恐惧 　　上面我们可以看到，底部的导航栏被一条黑色横线所盖住，那么就很烦。下面我们可以开始进行适配环节 　1、首先我们可以用 JS 判断手机环境是不是 iPhone X 代码如下 2、也可以 CSS 判断 ...

最终实现效果图：（图中提交按钮下面的绿色是为了遮盖页面超出内容，比如下图的图片和添加图片按钮就被盖住了，去掉绿色那一部分在真机上就会显示出来，很难看） ...

背景 iPhone X 刘海机于9月13日发布，给科技小春晚带来一波高潮。作为开发人员却多出来一份忧虑，iPhone X 怎么适配？我们 App 的脑袋会不会也长一刘海出来？Tabbar 会不会被圆角？先来看一下美团 App 的表现： 图 1.1 启动时的 App 表现 ...

app.vue中判断手机机型，设置需要留出的高度（如果不是iPhonex，则默认为空） 在需要避开底部横线的地方，设置：style="{paddingBottom：BottomBlackLineHeight }" 因为BottomBlackLineHeight默认为空，那么非iPhoneX ...

　　说实话，对于一个刚入门iOS两个月的新手而言，在拿到这个任务的时候整个人都是懵逼的，怎么做适配？哪些地方需要适配？该怎么做？一个个问题搞得头都大了。 　　首先，啥都不管，先在iPhone X上运行起来看看效果在说，运行之后出现的问题主要有如下几个： 屏幕尺寸还是6S上的尺寸大小 ...

一、 安全区域(safe area) 　　与iPhone6/6s/7/8相比，iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变，下面以iPhone 8作为参照物，先看看iPhone X尺寸上的变化： 　　苹果对于 iPhone X 的设计布局意见 ...