http://blog.csdn.net/qq_15509071/article/details/78351699...

<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><divclass="bottom-...

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

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

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