iPhone的屏幕尺寸有几种比较:
iphone 4/4s: 3.5 寸 分辨率:640X960 高宽比 960/640 = 1.5
iphone 5/5c/5s:4 寸 分辨率:640X1136 高宽比 1136/640 = 1.775
iphone 6 4.7寸 分辨率:750X1334 高宽比1334/750 = 1.775
iPhone 6s/6p 5.5寸 分辨率:1242X2208 高宽比 2208/1242 = 1.778
iphone 7 4.7寸 分辨率:750X1334 高宽比1334/750 = 1.775
iphone 7p 5.5寸 分辨率:1080X1920(相比6p下降了) 高宽比1920/1080 = 1.778
iphone x 5.8寸 分辨率:1125X2436 高宽比2436/1125 = 2.1653
那么是不是美工要切4套图呢,如果这样,编译的app就非常大了!有经验的美工的话只会给你两套图!为什么呢?请看各型号手机的高宽比,发现了吧:只有4/4s的 高宽比是1.5其他都近视1.775!也就是说,我们通过判断手机的屏幕高度来区分加载那套图,然后做适当的等比例放大就行了!
iphon屏幕尺寸:(转自:http://blog.csdn.net/jeikerxiao/article/details/52768269)
px与pt区别
字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?
先搞清基本概念:
- px就是表示pixel,像素,是屏幕上显示数据的最基本的点;
- pt就是point,是印刷行业常用单位,等于1/72英寸。
px全称为pixel,是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。
pt全称为point,但中文不叫“点”,查金山词霸可以看到,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。
因此就有这样的说法:
- pixel是相对大小,
- point是绝对大小。
iPhone各种屏幕分辨率
设备 | 屏幕尺寸 | 分辨率(pt) | Reader | 分辨率(px) | 渲染后 | PPI |
---|---|---|---|---|---|---|
iPhone 3GS | 3.5吋 | 320x480 | @1x | 320x480 | 163 | |
iPhone 4/4s | 3.5吋 | 320x480 | @2x | 640x960 | 330 | |
iPhone 5/5s/5c | 4.0吋 | 320x568 | @2x | 640x1136 | 326 | |
iPhone 6 | 4.7吋 | 375x667 | @2x | 750x1334 | 326 | |
iPhone 6Plus | 5.5吋 | 414x736 | @3x | 1242x2208 | 1080x1920 | 401 |
iPhone 6s | 4.7吋 | 375x667 | @2x | 750x1334 | 326 | |
iPhone 6sPlus | 5.5吋 | 414x736 | @3x | 1242x2208 | 1080x1920 | 401 |
iPhone 7 | 4.7吋 | 375x667 | @2x | 750x1334 | 326 | |
iPhone 7Plus | 5.5吋 | 414x736 | @3x | 1242x2208 | 1080x1920 | 401 |
手机型号 | 屏幕尺寸 | 屏幕密度 | 开发尺寸 | 像素尺寸 | 倍图 |
4/4S | 3.5英寸 | 326ppi | 320*480pt | 640*960px | @2x |
5/5S/5c | 4英寸 | 326ppi | 320*480pt | 640*1136px | @2x |
6/6S/7/8 | 4.7英寸 | 326ppi | 375*667pt | 750*1334px | @2x |
6+/6S+/7+/8+ | 5.5英寸 | 401ppi | 414*736pt | 1242*2208px | @3x |
X | 5.8英寸 | 458ppi | 375*812pt | 1125*2436px | @3x |
XS | 5.8英寸 | 458ppi | 375*812pt | 1125*2436px | @3x |
XS Max | 6.5英寸 | 458ppi | 414*896pt | 1242*2688px | @3x |
XR | 6.1英寸 | 326ppi | 414*896pt | 828*1792px | @2x |
参考:
https://blog.csdn.net/u013069892/article/details/78845142
http://www.uibaba.com/article/900.html
http://blog.csdn.net/jeikerxiao/article/details/52768269