iOS设备屏幕尺寸和适配

屏幕尺寸

设备	资源分辨率( 像素)(UI)	设计分辨率 (点)(程序开发)	屏幕分辨率( 像素)	说明
iPhone6P /6SP	2208 * 1242	736 * 414	1920 * 1080	@3x, 资源缩小1.15倍 401ppi
iPhone6 /6S	1334 * 750	667 * 375	1334 * 750	@2x,326ppi
iPhone5 /5s/5c (iPod/iPod Touch)	1136 * 640	568 * 320	1136 * 640	@2x,326ppi
iPhone4/4s	960 * 640	480 * 320	960 * 640	@2x,326ppi
iPad Pro	2732 * 2048	1366 * 1024	2732 * 2048	@2x,264ppi
iPad3 iPad Air iPad Air2	2048 * 1536	1024 * 768	2048 * 1536	@2x,264ppi
iPad2	1024 * 768	1024 * 768	1024 * 768	@1x,163ppi
iPad mini	1024 * 768	1024 * 768	1024 * 768	@1x,163ppi
iPad mini2 iPad mini4	2048 * 1536	1024 * 768	2048 * 1536	@2x,163ppi

需要注意的是，iphone6和6plus可以设置标准模式和放大模式。在放大模式下，6plus会退化为375x667，此时应该当成iphone6来做适配。而iphone6会退化为320x568，应该当作iphone5来适配。
iPhone6plus有两种显示模式，标准模式分辨率为1242x2208，放大模式分辨率为1125x2001（即iPhone 6的1.5倍）。

屏幕适配方案

步骤

选择一种尺寸为设计和开发基准
定义一套适配准则,自动适配
特殊适配效果给出设计结果

方案

首先用iPhone6(宽750px)做设计,同时等比放大1.5倍生成宽度1125px的设计稿，在1125px的稿子里切图.
程序开发用图片：一个是程序用到的@3x切图资源，另一个是宽度750px的设计标注图。
完成iPhone6（375pt）的界面开发，自动布局的方式，方便继续是适配到其他尺寸。
屏幕适配：6P(414pt) 5s(320pt)

四种适配规则方法：文字流式，控件弹性，图片等比缩放

iOS设备屏幕尺寸和适配相关推荐

echarts移动端设备屏幕尺寸的适配
在项目过程中发现,屏幕宽度小于360px时,echarts图表的legend图例组件会发生重叠,是屏幕宽度不足导致的. legend属性属性值 left 图例组件离容器左侧的距离. left 的值可 ...
iOS 【iOS iPhone屏幕尺寸、分辨率及屏幕适配】
1.iPhone尺寸规格设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS ...
不同设备屏幕尺寸和DPR适配
为什么需要适配目前市面上设备屏幕属性十分多样化(宽度和DPR并不一致),而作为设计和前端开发,无法为每个尺寸的设备单独设计一套UI并将其转为前端代码,这不现实.所以我们需要一套方案来将一套设计稿完美 ...
IOS 判断设备屏幕尺寸、分辨率根据屏幕尺寸和分辨率
IOS 判断设备屏幕尺寸.分辨率根据屏幕尺寸和分辨率,ios现在数起来有6个版本. iOS 设备现有的分辨率如下: iPhone/iPod Touch 普通屏 ...
解决iOS设备屏幕切换时页面造成的问题
环境:IOS6~7 Safari 问题:iOS设备屏幕切换时可能会造成屏幕变大,出现左右间距等问题解决方法: 头部加入 <meta name = "viewport" co ...
flutter 控制iOS设备屏幕可旋转支持方向
场景:flutter开发一个app,非module形式,即:app内部大部分页面是横屏,有部分页面是需要视屏显示(不参与喷子:写一个空控件旋转90度不就好了?但是这样的话状态栏之前的状态,如果你不需要 ...
iOS设备屏幕分辨率分布
iOS设备屏幕分辨率比较单一, 960*640是iPhone4和4s的分辨率,占比67.4%; 1024*768是iPad1和iPad2的分辨率,占比22.5%; 480*320是iPhone3和3g ...
html5开发之ios屏幕适配,iOS开发屏幕尺寸以及屏幕适配等问题（转载内容）
原帖地址:http://blog.csdn.net/phunxm/article/details/42174937/ 仅供我个人收藏学习,原博主如不同意请联系qq651263878进行删除,在此表示感 ...
Unity 之代码获取IOS设备型号 -- 做分辨率适配
Unity 之代码获取IOS设备型号一,通过机器型号校验 1.1 逻辑解释 1.2 实现代码二,通过长宽比校验一,通过机器型号校验 1.1 逻辑解释在https://www.theiphon ...

iOS设备屏幕尺寸和适配

屏幕尺寸

屏幕适配方案

步骤

方案

iOS设备屏幕尺寸和适配相关推荐

最新文章

热门文章