-webkit-appearance:none;”来改变按钮在iPhone下的默认风格，其实我们可以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p&rdquo...

iPhoneX前置深度摄像头带来了Animoji和faceID，同时也将3DFaceTracking的接口开放给了开发者。有幸去Cupertino苹果总部参加了iPhoneX的封闭开发，本文主要分享一下iPhoneX上使用ARKit进行人脸追踪及3D建模的相关内容。iPhoneX前置深度摄像头识别人脸视频ARFaceT...

现在，为智能触摸手机创建直观的用户界面时，最重要的部分不再是单纯的视觉效果，而是要创建出能很好地处理用户触摸交互的界面。对于Web应用而言，这意味着使用touch事件来取代传统的mouse事件。在Dojo1.7中，新的touchAPI可以帮助您简化这一步骤。本文是TouchingandGesturingontheiPh...

iPhoneX配备一个覆盖整个手机的全面屏，顶部的“刘海”为相机和其他组件留出了空间。然而结果就是会出现一些尴尬的情景：网站被限制在一个“安全区域”，在两侧边缘会出现白条儿。移除这个白条儿也不难，给body设置一个 background-color 就...

屏幕尺寸我们熟知的iPhone系列开发尺寸概要如下：△iPhone各机型的开发尺寸转化成我们熟知的像素尺寸：△每个机型的多维度尺寸倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核心的影响因素在于PPI（DPI），了解屏幕密度与各尺寸的关系有助于我们深度理解倍率的概念：《基础知识学起来！为设计师量身打...

iPhoneX取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部fixed定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经...

IPhoneX全面屏是十分科技化的，但是由于其圆角和摄像头刘海位置以及操控黑条的存在使得我们需要去对其样式做一些适配，没有X的同学可以开启 Xcode9 的iPhoneX模拟器作为学习和调试。设计和尺寸相关IPone型号屏幕尺寸屏幕密度开发尺寸像素密度倍图4系列3.5英寸326ppi320*480p...

苹果公司（Apple）的发布会也开完了，新产品也将登陆了。估计很多开发人员看到iPhoneX的设备是要崩溃了，特别对于前端开发人员更是如此。iPhoneX的屏幕覆盖了整个手机的屏幕，为相机和其他各部件留出了一个空间。结果是屏幕设计出现了一些尴尬的情况。比如将网站限制在一个“安全区域”。而在屏幕上...

iPhone/iPad/AndroidUI尺寸规范UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6Plus尺寸,安卓尺寸,iOS尺寸设备分辨率PPI状态栏高度导航栏高度标签栏高度iPhone6plus设计版1242×2208px401PPI60px132px146pxiPhone...

网络上已经有很多适配教程，可是看了半天总是半懂不懂。。最后还是要综合多个教程再动动脑子动动手，最好有程序大哥帮你试一下（这得有多大的福气） 如果有跟我一样情况的：1.   有人说用sketch自动导出多套尺寸切图和SVG矢量格式，表示没钱买MAC2.  &nb...

iphone6及iphone6plus已经出来一段时间了。很多移动端网站，以前写死body为320px的，现在估计也忙着做适配了。大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在iphone也搞起多屏幕，老板们重视程度...

北京时间2014年9月10日凌晨1点，苹果公司正式发布其新一代产品iPhone6，相信做webapp开发的同学对它是充满了好奇和等待，也担心它带来各种坑爹，高清的分辨率，升级的retina显示屏，我们该如何做好适配呢？相比iPhone5，iPhone6拥有更高分辨率的retinaHDdisplay，而iPhone6pl...

【20160105更新：可以用iPhone6分辨率为视觉稿尺寸啦】又是一年的520网络情人节，深圳这边却下了大雨，这雨只能是单身汉的泪，而对于我来说这一天具有特别的意义，一来怀念父亲，二来对我这种结婚人士来说还可勉强表达对老婆的爱，so，本文的图片宽均以520像素来设计。回到主题，在微信朋友圈经常看到的H5页面(滑屏页...

1.下载所需降级版本iOS https://ipsw.me降级所需工具：iTunes（12或者是更高的版本）iOS12.1.4版本固件待降级的iPhone手机一根数据线（一台电脑（Windows/Mac均可操作）具体操作步骤如下：步骤一：将iPhone手机通过数据线连接到电脑上，并打开iTunes。步骤二：等...

 在iPhone中调试，大体上与上文 安卓中的移动页面调试 类似，区别主要是iOS系统中的一些限制，导致某些工具无法使用。本文基于此，简要介绍在iPhone中如何调试页面。最终可以实现在Mac平台使用Safari（或结合ios_webkit_dubug_proxy使用Chrome）调试手机...