Iphone各个型号机型的详细参数,尺寸和dpr以及像素

16 篇文章 0 订阅
订阅专栏

1.iPhone尺寸规格

在这里插入图片描述

2.单位inch(英吋)

1 inch = 2.54cm = 25.4mm

3.iPhone手机宽高

上表中的宽高(width/height)为手机的物理尺寸,包括显示屏和边框。
以下为iPhone4s的宽高示意图:
在这里插入图片描述

4.屏幕尺寸

我们通常所说的iPhone5屏幕尺寸为4英寸、iPhone6屏幕尺寸为4.7英寸,指的是显示屏对角线的长度(diagonal)。
以下为iPhone5~6+的屏幕尺寸规格示意图:
在这里插入图片描述

5.像素密度PPI

PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目。
PPI数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高、颗粒感越弱。
在这里插入图片描述
在这里插入图片描述
根据勾股定理,可以得知iPhone4(s)的PPI计算公式为:
在这里插入图片描述
计算结果稍有出入,这是因为像素的离散采样有锯齿效应。

6.缩放因子(scale factor between logic point and device pixel)

(1)Scale起源
早期的iPhone3GS的屏幕分辨率是320480(PPI=163),iOS绘制图形(CGPoint/CGSize/CGRect)均以point为单位(measured in points):
1 point = 1 pixel(Point Per Inch=Pixel Per Inch=PPI)
后来在iPhone4中,同样大小(3.5 inch)的屏幕采用了Retina显示技术,横、纵向方向像素密度都被放大到2倍,像素分辨率提高到(320x2)x(480x2)= 960x640(PPI=326), 显像分辨率提升至iPhone3GS的4倍(1个Point被渲染成1个2x2的像素矩阵)。
但是对于开发者来说,iOS绘制图形的API依然沿袭point(pt,注意区分印刷行业的“磅”)为单位。在同样的逻辑坐标系下(320x480):
1 point = scale
pixel(在iPhone4~6中,缩放因子scale=2;在iPhone6+中,缩放因子scale=3)。
可以理解为:
scale=绝对长度比(point/pixel)=单位长度内的数量比(pixel/point)

(2)UIScreen.scale
UIScreen.h中定义了该属性:
// The natural scale factor associated with the screen.(read-only)
@property(nonatomic,readonly) CGFloat scale NS_AVAILABLE_IOS(4_0);
--------------------------------------------------------------------------------
This value reflects the scale factor needed to convert from the default logical coordinate space into the device coordinate space of this screen.
The default logical coordinate space is measured using points. For standard-resolution displays, the scale factor is 1.0 and one point equals one pixel. For Retina displays, the scale factor is 2.0 and one point is represented by four pixels.
--------------------------------------------------------------------------------
为了自动适应分辨率,系统会根据设备实际分辨率,自动给UIScreen.scale赋值,该属性对开发者只读。

(3)UIScreen.nativeScale
iOS8新增了nativeScale属性:
// Native scale factor of the physical screen
@property(nonatomic,readonly) CGFloat nativeScale NS_AVAILABLE_IOS(8_0);
以下是iPhone6+下的输出,初步看来nativeScale与scale没有太大区别:
--------------------------------------------------------------------------------
(lldb)p (CGFloat)[[UIScreen mainScreen] scale]
(CGFloat) $1 = 3
(lldb) p(CGFloat)[[UIScreen mainScreen] nativeScale]
(CGFloat) $2 = 3
--------------------------------------------------------------------------------

(4)机型判别
在同样的逻辑分辨率下,可以通过scale参数识别是iPhone3GS还是iPhone4(s)。以下基于nativeScale参数,定义了探测机型是否为iPhone6+的宏:
--------------------------------------------------------------------------------
// not UIUserInterfaceIdiomPad
#define IS_IPHONE (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone)
// detect iPhone6 Plus based on its native scale
#define IS_IPHONE_6PLUS (IS_IPHONE && [[UIScreenmainScreen] nativeScale] == 3.0f)
--------------------------------------------------------------------------------
那么,同样的分辨率和scale,如何区分机型iPhone4与4s、iPhone5与5s呢?通过[[UIDevice currentDevice] model]只能判别iPhone、iPad、iPod大类,要判断iPhone具体机型型号,则需要通过sysctlbyname(“hw.machine”)获取详细的设备参数信息予以甄别。

7.Resolutions &Rendering

在这里插入图片描述
在这里插入图片描述

8.@2x/@3x以及高倍图适配

(1)@2x
@2x means the same “double”retina resolution that we’veseen on all iOS devices with retina displays to date, where each virtual pointin the user interface is represented by two physical pixels on thedisplay in each dimension, horizontal and vertical.

iPhone3GS时代,我们为一个应用提供图标(或按钮提供贴图),只需要icon.png。针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x高分辨率版本。

例如在iPhone3GS中,scale=1,用的图标是50x50pixel(logicalimage.size=50x50point);在iPhone4~6中,scale=2,则需要100×100pixel(logical image.size=50x50point,乘以image.scale=dimensions in pixels),并且命名为icon@2x.png。
如果APP要同时兼容iPhone3GS~iPhone6,则需要提供icon.png/icon@2x.png两种分辨率的图片。

(2)@3x
@3x means a new “triple” retina resolution, where eachuser interface point is represented by three display pixels. A single @2x pointis a 2 × 2 square of 4 pixels; an @3x point is a 3 × 3 square of 9 pixels.”
iPhone6+在实际渲染时,downsampling/1.15(1242x2208->1080x1920),准确的讲,应该是@2.46x。苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上。
参考:《为什么iPhone 6 Plus要将3x渲染的2208x1242分辨率缩小到1080p屏幕上?》《详解 iPhone 6 Plus 的奇葩分辨率》《iPhone 6 Plus屏幕分辨率》
如果APP要同时兼容iPhone3GS~iPhone6+,则需要提供icon.png/icon@2x.png/icon@3x.png三种分辨率的图片。
需要注意的是,iOS APP图标的尺寸和命名都需要遵守相关规范。

(3)高倍图文件命名
对于iPhone3、4/5/6、6+三类机型,需要按分辨率提供相应的高倍图并且文件名添加相应后缀,否则会拉伸(stretchable/resizable)失真(模糊或边角出现锯齿)。
以下基于UIImage的两类初始化API简介高倍图的适配:
<1>+imageNamed:该方法使用系统缓存,适合表视图重复加载图像的情形。同时该API根据UIScreen的scale,自动查找包含对应高倍图后缀名(@2x)的文件,如果找到二倍图,则image.scale=2.0,对应逻辑size大小以point度量(pixel度量的一半);如果没找到设置默认image.scale=1.0,对应逻辑size大小同像素尺寸。因此,使用该方法,无需特意指定高倍图后缀。在实际运行时,系统如果发现当前设备是Retina屏(scale=2),会自动寻找"*@2x.png"命名格式的图片,加载针对Retina屏的图片素材,否则会失真。
<2>+imageWithContentsOfFile/+imageWithData:(scale:)/-initWithContentsOfFile:/-initWithData:(scale:)
这组方法创建的UIImage对象没有使用系统缓存,并且指定文件名必须包含明确的高倍图后缀。如果文件名包含@2x后缀,则image.scale=2.0;否则默认image.scale=1.0,同样对于Retina屏将会失真。
<3>目前,适配iPhone6+时,除了一些铺满全屏的大图(LogoIcon、LaunchImage)需提供三倍图,其他的小图仍可沿用原有的二倍图自适应拉伸。

9.Screen Bounds & Application Frame

(1)UIScreen.bounds
// Bounds of entire screen in points(本地坐标系,起点为[0,0])
@property(nonatomic,readonly) CGRect bounds;
--------------------------------------------------------------------------------
//考虑转屏的影响,按照实际屏幕方向(UIDeviceOrientation)的宽高
#define SCREEN_WIDTH ([UIScreenmainScreen].bounds.size.width)
#define SCREEN_HEIGHT ([UIScreenmainScreen].bounds.size.height)
#define STATUSBAR_HEIGHT ([UIApplicationsharedApplication].statusBarFrame.size.height)
//不考虑转屏的影响,只取竖屏(UIDeviceOrientationPortrait)的宽高
#define SCREEN_WIDTH MIN([UIScreenmainScreen].bounds.size.width, [UIScreenmainScreen].bounds.size.height)
#define SCREEN_HEIGHT MAX([UIScreenmainScreen].bounds.size.height, [UIScreenmainScreen].bounds.size.width)
#define STATUSBAR_HEIGHT MIN([UIApplicationsharedApplication].statusBarFrame.size.width, [UIApplicationsharedApplication].statusBarFrame.size.height)
--------------------------------------------------------------------------------

(2)UIScreen.nativeBounds
iOS8新增了nativeBounds属性,输出竖屏像素级分辨率:
// The bounding rectangle of the physical screen,measured in pixels. (read-only)
// This rectangle is based on the device in a portrait-up orientation. This value does not change as the device rotates.
@property(nonatomic,readonly) CGRect nativeBounds NS_AVAILABLE_IOS(8_0);
以下是iPhone6+下的输出:
--------------------------------------------------------------------------------
(lldb) poNSStringFromCGRect([(UIScreen*)[UIScreen mainScreen] bounds])
{{0, 0}, {414, 736}}
(lldb) poNSStringFromCGRect([(UIScreen*)[UIScreen mainScreen] nativeBounds])
{{0, 0}, {1242, 2208}}
--------------------------------------------------------------------------------

(3)UIScreen.applicationFrame
// Frame of application screen area in points (i.e.entire screen minus status bar if visible)
// bounds除去系统状态栏
@property(nonatomic,readonly) CGRect applicationFrame;
--------------------------------------------------------------------------------
// APPFRAME_WIDTH=SCREEN_WIDTH
#define APPFRAME_WIDTH ([UIScreen mainScreen].applicationFrame.size.width)
// APPFRAME_HEIGHT=SCREEN_HEIGHT-STATUSBAR_HEIGHT
//注意:横屏(UIDeviceOrientationLandscape)时,iOS8默认隐藏状态栏,此时APPFRAME_HEIGHT=SCREEN_HEIGHT
#define APPFRAME_HEIGHT ([UIScreen mainScreen].applicationFrame.size.height)
--------------------------------------------------------------------------------
(4)bounds和frame的区别
下图展示了bounds和frame的区别:

在这里插入图片描述

10.机型尺寸适配(Screen Scale Adaption)

从iPhone3GS/iPhone4(s)过渡到iPhone5(s)时,在逻辑上宽度不变高度稍高,之前旧的素材和布局通过AutoresizingFlexible简单适配即可运行得很好,但由于高宽比增大,上下两端出现黑粗边(典型如LaunchImage)。从分辨率的角度来看,除了需要提供LaunchImage这种满屏图,其他基本沿用二倍图(@2x);从屏幕尺寸角度来看,需要对纵向排版略加调整。

从iPhone5(s)发展到iPhone6(+),由于高宽比保持不变,iOS对图标、图片、字体进行等比放大自适应,清晰度会有所降低。同时,绝对坐标布局会导致在大屏下出现偏左偏上的问题。从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。
(1)按宽度适配
我们先来看一下iPhone4~6(+)的屏幕高宽比:
iPhone4(s):分辨率960640,高宽比1.5
iPhone5(s):分辨率1136
640,高宽比1.775
iPhone6:分辨率1334750,高宽比1.779
iPhone6+:分辨率1920
1080,高宽比1.778
可粗略认为iPhone5(s)、6(+)的高宽比是一致的(16:9),即可以等比例缩放。因此可以按宽度适配:
fitScreenWidth= width*(SCREEN_WIDTH/320)
这样,共有iPhone3/4/5、6、6+三组宽度,在iPhone6、6+下将按比例横向放大。
(2)按高度适配
在同样的宽度下,iPhone4(s)的屏高比iPhone5(s)低,若纵向排版紧张,可以iPhone5(s)为基准,按高度适配:
fitScreenHeight= height*(SCREEN_HEIGHT/568)
共有iPhone3/4、5、6、6+四组高度,在iPhone3/4下将按比例纵向缩小,在iPhone6、6+下将按比例纵向放大。
这里需要注意iPhone/iOS双环上网的热点栏对纵向布局的影响:iPhone作为个人热点且有连接时,系统状态栏下面会多一行热点连接提示栏"Personal Hotspot: * Connection",纵向会下压20pt,[UIApplication sharedApplication].statusBarFrame高度变为40pt;当所有连接都断开时,热点栏消失,纵向高度恢复正常为20pt。详情可参考《iPhone/iOS开启个人热点的纵向适配小结》。
(3)按字体适配
另外,iPhone的【设置】【通用】【辅助功能】中可以设置调节【更大字体】,APP也可以按字号适配:
例如适配表视图(UITableView:UIScrollView),无法左右滑动,因此无论字号缩放比例多大,横向都不应超过SCREEN_WIDTH。注意限定控件元素内容区域宽度以及间距,并设置适当的LineBreakMode。表视图支持上下滑动,因此纵向上的表格行高和内容区域高度可按字号缩放。
对于纵向也不支持滑动的视图,在屏幕可见视区内排版时,最好不要随字号缩放,否则可能超出既定宽高。

11.UI相对布局

考虑到iPhone机型的多样性,不可能针对iPhone4(s)、5(s)、6、6+四种屏幕尺寸出四套视觉交互稿,也不要基于某一机型从上往下、从左往右给绝对标注,而应该关注subView在superView中的相对位置(EdgeInsets/Frame/Center)以及siblingView之间的偏移(Offset),尽量给出适合Autolayout的相对布局比例(理想情况是只给百分比)。假如交互按照iPhone5(s)下绝对标注,则在iPhone4(s)上可能挤出屏幕底部,而在iPhone6(+)上则可能横向偏左或纵向偏上。

开发人员基于与屏幕边缘的间距(Margin/EdgeInsets),定位边缘处的控件(钉钉子)作为参照,然后基于控件尺寸和间隙进行相对计算排版。这样,若钉子移动,相邻控件将顺向偏移,不会因为局部调整而出现凌乱。
我们截取 iPhone5s QQ 文件助手列表中的文件cell,使用 Sketch Measure 对其进行测量标注。
在这里插入图片描述

打开[截图.png]文件,由于不包含 Sketch 图元对象,无法进行 measure 标注(提示:请在画板中使用该功能)。因此,第一步需要对要相对标注的各个UI元素进行对象化。依次 Insert Artboard 创建图层 frame、thumbnail、title、detail、source、button。
选中整个cell的frame(bounds),进行 Measure size:width=640px(SCREEN_WIDTH),height=168px。默认横向尺寸和纵向参考线都居中导致标注重叠,将纵向参考线右移至合适位置;也可选中WIDTH标注图层中的text和label元素,在不移动参考线的前提下,利用鼠标局部移动标注字面量。
(1)缩略图标
● 在左侧边栏layer list中选中frame,再command选中文件类型缩略图对象thumbnail,进行 Measure spacing,丈量缩略图左侧相对frame的间距为24px。
● 选中文件类型缩略图对象thumbnail,进行 measure size,由于正方形等宽为112px112px,故横纵标注重叠无影响。thumbnail在frame中纵向整体居中,因此上下边距计算均摊即可,无需再给定标注。
(2)传输按钮
● 对 button 和 frame 进行 Measure spacing,丈量按钮右侧相对frame的间距为24px。
● 选中按钮button进行 measure size,其宽高为144px
60px。横纵标注重叠影响视觉,将纵向参考线右移至合适位置。
● button在frame中纵向整体居中,因此上下边距计算均摊即可,无需再给定标注。
(3)文件信息
● 对thumbnail和detail(title、source等宽且左对齐)进行 Measure spacing,丈量图标右侧相对detail的间距为20px;对button和detail进行 Measure spacing,丈量按钮左侧相对detail间距为20px。这样,左侧钉住thumbnail,右侧钉住button,中间信息部分的宽度无需给定,计算被动约束的横向余量即可。具体编程时,调用 sizeWithFont/boundingRectWithSize 可动态计算每行 label 的自然宽度,一般title都会超过约束宽度,因此需设置 lineBreakMode指定Wrapping省略或Truncating截断格式。
● 选中文件信息第1行标题title和第2行详情detail,进行 Measure spacing,测量纵向相对间距10px;第2行详情detail和第3行来源的纵向相对间距也为10px。一般 UILabel 的文本在给定字体下的纵向自然显示无约束,调用 sizeWithFont/boundingRectWithSize 可动态计算每行 label 的自然高度,title的上间距和source的底间距无需给定,通过计算纵向余量均摊即可。
可简单的基于屏宽横纵比例进行scale缩放,将以上测量出的标注应用到iPhone6(+)大屏下,当然交互设计工程师最好还是针对特定机型都给定适配标注。苹果在WWDC2012 iOS6中已提出了Auto Layout的概念,即使用约束条件来定义视图的位置和尺寸,以适应不同尺寸和分辨率的屏幕。

12.DEPRECATED API适配

最后,除了对屏幕尺寸和分辨率进行适配之外,还需对iOS SDK中相关的DEPRECATED API进行适配。典型的如:
(1)UILineBreakMode->NSLineBreakMode
(2)UITextAlignment->NSTextAlignment
(3)sizeWithFont:->boundingRectWithSize:
(4)stretchableImageWithLeftCapWidth:topCapHeight:->resizableImageWithCapInsets:
(5)…

参考:
《iOS设备的屏幕尺寸、分辨率及其屏幕边长比例》
《iOS判断设备屏幕尺寸、分辨率》
《iOS8中的UIScreen》
《Detecting iPhone 6/6+ screen sizes in point values》
《iOS8已出,@3x图让我们何去何从?》
《在Xcode 6中用矢量化PDF(vectorized PDF)来支持各种尺寸的iPhone》
《iOS8适配须知》
《适配iOS8备忘录》
《iOS界面适配(一)(二)(三)》
《iPhone 6/6+适配心得》
《iOS8/Xcode6/iPhone6(+)适配》
《APP适配iOS8,iPhone6(+)截图简要说明》
《按比例快速兼容适配iPhone6/6 Plus》
《iOS的APP如何适应iPhone 5s/6/6+三种屏幕的尺寸?》

苹果系统版本依次顺序_苹果手机机型排行顺序
weixin_39726408的博客
12-24 9676
展开全部iphone按时间顺序排列:2gIPhoneIPhone3g,IPhone3gs,IPhone4,IPhone4s,IPhone5,IPhone5c,IPhone5s,IPhoneIPhone6+,IPhone6s,IPhone6s+,IPhoneIPhoneIPhone7+8IPhoneIPhone8+XIPhoneIPhoneXS,IPhoneXS马克斯6261696475...
iPhone/iPad苹果设备型号对应常用名称列表(2024更新至iPhone 16 Pro Max | iPad Air 5 | iPad10 | iPad Pro 12.9-inch 7)
最新发布
Klingx的博客
08-19 1206
苹果设备型号对应常用名称列表
iphone机型参数对比_我们对比新旧两代iPhone,发现iPhone 12最值得买
weixin_39622399的博客
11-29 2万+
iPhone 12系列相较往年迟到了一个月。关于全新的iPhone 12系列,最被人津津乐道的是致敬iPhone 5外观设计,还有“十二不香十三香”的调侃。近期,我们有幸体验到了产品,根据大家关心的重点,我们也进行了测试。本次,我们将通过iPhone 11与iPhone 12的对比、iPhone 11 Pro和iPhone 12 Pro的对比、iPhone 12和iPhone 12 Pro三个环节...
iphone机型的分辨率及像素
AliceJi的专栏
02-03 1911
分辨率和像素 经新xcode6模拟器验证(分辨率为pt,像素为真实pixel): iPhone4s分辨率320x480,像素640x960,@2x iPhone5分辨率320x568,像素640x1136,@2x iPhone6分辨率375x667,像素750x1334,@2x iPhone6 Plus分辨率414x736,像素1242x2208,@3x,(注意,在这个分辨率
iphone各个型号屏幕分辨率
zhaoyya的专栏
09-12 5964
iPhone5在@2x屏幕尺寸是,640x1136px;对应的@1x,屏幕尺寸就是320x568px; iPhone6在@2x屏幕尺寸是:750x1334px;对应的@1x,屏幕尺寸就是375x667px; iPhone6Plus在@3x屏幕尺寸是:750x1334px;对应的@1x,屏幕尺寸就是414x736px
iPhone又出新机了,UI设计师该用什么尺寸呢?
前端向朔
09-22 4655
iPhone这次一下出了三款新机,iPhone Xs、iPhone XR、iPhone Xs Max,那么问题来了,这三款手机与之前的有什么不同,设计师的UI尺寸会发生什么变化,移动端页面的UI到底应该以多少为好?接下来我们将一一探讨。
给Chrome浏览器添加 IPhone 13、12等手机型号做兼容适配
蓝即正义
12-08 1万+
1、圣诞将至,近期在为圣诞项目上活动,发生了下图的小问题,就写个blog。在做移动端适配时离不开的手机型号调试。 测试说有1PX的误差,但是在我的浏览器就没问题。 2、以下是Chrome自带的一些手机型号。可以看出在2021年底的今天,可以说是非常陈旧了。 3、接下来我们就添加新的手机型号。 先拿目前苹果系的最新机型iPhone 13为例,(我不喜欢IPhone)。 我们要填一些想要加入的设备的信息: 1)、首先是名称可以自行命名 2)、宽、高、像素比,这三项是重要的,要模...
揭秘移动端px,dpi,dpr
qq_34998786的博客
05-25 1199
前言移动端开发的时候,我们拿到的 UI设计稿通常都是 640px或者是 750px,明明我们的 设备视口宽度是设计稿的 一半,这是为什么呢?经常听到设计同学说,你这图片在 苹果手...
iPhoneX适配方案
Wscats
11-29 5万+
绝对长度单位 英寸 厘米 毫米 磅 pc inch cm mm pt pica 相对长度单位是网页设计中使用最多的长度单位,包括px、em、rem等屏幕尺寸 指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米 iPhone 4/4S iPhone 5/5C/5S/SE iPhone 6/6S iPhone 6S Plus iPhone
【微信小程序丨第三篇】小程序的基础知识储备
weixin_53863933的博客
10-26 1万+
微信小程序在无论在功能、文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们的小程序在很多方面突破H5页面应用的限制,更加接近原生程序的功能,因此微信小程序具有很大的前景想象力。
【iOS】 各iPhone手机屏幕尺寸分辨率
这家伙很懒,博客简介都不写
06-30 5944
机型 物理像素 逻辑像素 规格 对角线 iPhone 14 Pro Max 1290*2796px 430*932pt @3x 6.7英寸 iPhone 14 Pro 1179*2556px 393*852pt @3x 6.1英寸 iPhone 14 Plus 1284*2778px 428*926pt @3x 6.7英寸 iPhone 14 1170*2532px 390*844pt @3x 6.1英寸 iPhone 13 Pro Max 1284*2778px 428*9
历代iPhone主要参数对比,更新于2022年03月
苛学加记事
11-20 10万+
历代iPhone参数对比
iPhone屏幕尺寸、分辨率及适配
热门推荐
曾梦想仗剑走天涯
12-26 48万+
从初代iPhone3GS到现如今的iPhone6(+),屏幕尺寸、分辨率、像素密度都在在不断增大。如何适配不同的屏幕尺寸,使UI更加协调美观,这给iPhone/iOS应用开发者带来了挑战。 本文结合个人在iOS UI开发和适配方面的粗浅经验,对常用屏幕适配相关因素做个梳理盘点,以备日后查阅。
iphone机型参数对比_iPhone12各版本配置参数对比,详细配置数据一览
weixin_39626131的博客
11-08 4092
阅读本文前,请您先点击上面的“蓝色字体”,再点击“关注”,这样您就可以继续免费收到文章了。每天都会有分享,都是免费订阅,请您放心关注。 本次,苹果一共发布了四款不同配置的旗舰产品:iPhone 12mini、iPhone 12、iPhone 12Pro(6.5英寸)以及顶配版本的iPhone 12Pro Max(6.7英寸)。在手机的处理器上,全系搭载了A14仿生芯片,并支持5...
iphone机型基本配置及购买建议
ShyTan的博客
03-15 2万+
名称 上市时间 处理器 系统 RAM ROM 屏幕尺寸 iPhone(初代) 2007.06 ARM11 iPhoneOS 1.0 128MB 4GB/8GB/16GB 3.5英寸 163PPI iPh...
iOS 设备尺寸以及图标尺寸
weixin_30673715的博客
01-02 289
iPhone 4和iPod Touch 4有一个新的特性:在屏幕尺寸不变的前提下,分辨率提升一倍(320 x 480 => 640 x 960)。苹果将这个特性命名为Retina。 用苹果的话讲: Retina显示屏的超高像素密度已超过人眼能分辨的范围。 Retina对图像设计(图标、启动画面和其它所有像素有关的东西)有什么影响呢?如果我们的app要支持Retina,就要提...
iPhone屏幕适配:机型大全、屏幕尺寸、分辨率、PPI和使用123倍图
u011458750的博客
10-09 3039
iOS 设备的屏幕尺寸
跳舞的芒果
04-25 461
记录下iOS设备的屏幕尺寸iPhone 设备:iPhone 1G — 320x480 iPhone 3G — 320x480 iPhone 3GS — 320x480 iPhone 4 — 640x960 iPhone 4S — 640x960 iPhone 5 — 640x1136 iPhone 5S — 640x1136 iPhone 5C — 640x1136 iPhone 6
css如何判断设备的dpr,谈谈设备像素dpr
06-10
设备的dpr(Device Pixel Ratio)可以通过CSS媒体查询的方式来判断。在CSS中,可以使用@media查询来检测设备的dpr。例如,以下CSS样式将仅适用于设备的dpr为2的设备: ``` @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { /* CSS styles for devices with dpr of 2 */ } ``` 设备的像素比(Pixel Ratio)是指设备像素的数量与CSS像素的数量之间的比率。设备像素是显示设备上的物理像素,而CSS像素是在CSS中使用的抽象像素。在高分辨率屏幕上,例如Retina显示屏上,设备像素比会更高,因此需要更多的CSS像素来达到相同的视觉效果。 设备像素比是一个重要的概念,因为它影响到网页在高分辨率设备上的显示效果。为了确保网页在高分辨率设备上有良好的显示效果,开发人员需要使用像素密度无关的单位(如em、rem等),或者使用适当的像素比来调整样式。
写文章

热门文章

  • Iphone各个型号机型的详细参数,尺寸和dpr以及像素 40378
  • 谷歌浏览器network请求时间(stalled,DNS Lookup,Waiting)分析以及解决方案 16780
  • 解决:com.mysql.cj.jdbc.exceptions.CommunicationsException: Communications link failure(真实有效) 14870
  • 详细解释什么是JavaEE? 14373
  • Chrome 声音自动播放抱错问题【play() failed】 8778

分类专栏

  • mybatis 1篇
  • css3基础 1篇
  • JAVA 32篇
  • 前端 35篇
  • 移动端 16篇
  • ES6 5篇
  • CSS 23篇
  • Safari 1篇
  • HTML5 7篇
  • JQuery 10篇
  • Nginx 3篇
  • NodeJS 4篇
  • VUE 16篇
  • webpack 8篇

最新评论

  • java 实现仿照微信抢红包算法,实测结果基本和微信吻合,附demo

    米兰的小铁匠z: 这个可以设置限制抢到红包的最大金额和最小金额吗

  • 详细解释什么是JavaEE?

    这个bug能不能快点修!: 大佬我爱你表情包栓Q

  • java 实现仿照微信抢红包算法,实测结果基本和微信吻合,附demo

    若清风⠀: 感觉这个算法最靠谱表情包

  • 基于AlipayJSBridge封装的H5网页支付宝打赏、网站打赏、个人免签支付,支付宝转账打赏支付组件

    豆豆333: 博主,这个支持在支付宝里面打开吗,好神奇,你再了解下这个 h5zhifu.com 这个是什么原理呢

  • 解决vue移动端适配问题

    请叫我许先生: 不错 真的不错 说实话 真没开发过移动端 但是为了以后不抓瞎 我还是在闲下来的时候看一下 博主总结的很精很细

最新文章

  • 理解React hooks常用方法useState, useEffect, useMemo, useCallback, useContext
  • Axios使用及源码解析
  • 关于解构用法小结
2021年4篇
2020年11篇
2019年41篇
2018年78篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

玻璃钢生产厂家丹阳元旦商场美陈太湖石玻璃钢仿铜雕塑生产狮子雕塑玻璃钢铁岭玻璃钢座雕塑定制合肥玻璃钢动物雕塑玻璃钢雕塑用什么原材料山西佛像玻璃钢雕塑价位郑州雕塑玻璃钢公司黑龙江公园玻璃钢雕塑定做价格泉州玻璃钢彩绘雕塑吉利玻璃钢雕塑加工厂家有机玻璃钢雕塑瓷厂玻璃钢蘑菇屋雕塑氧化镁和玻璃钢雕塑铁岭玻璃钢校园雕塑多少钱白银仿真玻璃钢雕塑哪家好山东景观玻璃钢雕塑联系方式湖南户内玻璃钢雕塑优势多种长颈鹿雕塑玻璃钢东营广场玻璃钢雕塑公司河北玻璃钢广场雕塑连云港玻璃钢雕塑厂玻璃钢果篮景观雕塑公司长沙玻璃钢消防人物雕塑宿迁玻璃钢雕塑价格云南水果玻璃钢雕塑订做价格玻璃钢造型雕塑公司电话多少潮州玻璃钢昆虫雕塑定制六安玻璃钢雕塑供应商山西玻璃钢雕塑清洗香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化