首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iphone屏幕分辨率是320x460还是320x480?

关于iPhone屏幕分辨率,这个问题的答案取决于具体的iPhone型号。以下是不同型号的iPhone屏幕分辨率:

  1. iPhone 1、3、3GS、4、4S:屏幕分辨率为320x480像素。
  2. iPhone 5、5C、5S、SE:屏幕分辨率为320x568像素。
  3. iPhone 6、6S、7、8:屏幕分辨率为375x667像素。
  4. iPhone 6+、6S+、7+、8+:屏幕分辨率为414x736像素。
  5. iPhone X、XS、11 Pro:屏幕分辨率为375x812像素。
  6. iPhone XR、XS Max、11、11 Pro Max:屏幕分辨率为414x896像素。

需要注意的是,这些分辨率是以物理像素为单位,并不考虑设备的像素密度(PPI)。在实际使用中,设备的像素密度会影响显示效果,因此在开发应用程序时需要考虑不同设备的适配问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

iPhone屏幕分辨率及适配技术

在iOS开发及测试中,文字和图片的机型适配一项重要工作,这篇文章给大家介绍下常用的iPhone屏幕分辨率相关概念及各个机型的屏幕适配技术。 屏幕适配相关概念 1....屏幕尺寸 屏幕尺寸屏幕的对角线长度。 ? 一般情况下,我们说iPhone 8的屏幕4.7寸屏,就是指iPhone 8的屏幕对角线为4.7英寸。...屏幕的单位是以英寸为单位,换算关系:1 inch = 2.54cm = 25.4mm。 2. 分辨率 历代iPhone分辨率: ?...iPhone 4的屏幕物理尺寸还是3.5寸,分辨率为640 × 960,提升了4倍。也就是说,原先的1 point可以容纳4个pixel。 ?...例如下图所示,iPhone3GS和iPhone4的逻辑分辨率都是320*480,也就是说两个手机机型屏幕大小一样的,物理分辨率iPhone3GS320*480,iPhone4640*960,因此iPhone4

3.5K20

Carson带你学Android:最全面、最易懂的屏幕适配解决方案

sw xxxdp,即small width的缩写,其不区分方向,即无论宽度还是高度,只要大于 xxxdp,就采用次此布局 例子:使用了layout-sw 600dp的最小宽度限定符,即无论宽度还是高度...480px 找到基准后,时候把其他分辨率补全了,现今以写1080x1920的分辨率为例: 因为基准是320x480,所以...: 由于实际上还是使用px作为长度的度量单位,所以和google的要求使用dp作为度量单位会有所背离 必须尽可能多的包含所有分辨率,因为这个使用这个方案的基础,如果有某个分辨率缺少,将无法完成该屏幕的适配...先来理解下Android 加载资源过程 Android SDK会根据屏幕密度自动选择对应的资源文件进行渲染加载(自动渲染) 比如说,SDK检测到你手机的分辨率320x480(dpi=160),会优先到...设计师们一般都会用最新的iPhone6和iPhone5s(5s和5的尺寸以及分辨率都一样)来做原型设计,所有参数请看下图 机型 分辨率(px) 屏幕尺寸(inch) 系统密度(dpi) iPhone 5s

1.3K10

IOS开发系列——启动页专题【整理,部分原创】

1 系统自带方式 1.1 添加图片 1,准备图片资源,放入工程中,即可,默认时间为1s iOS设备现在有三种不同的分辨率iPhone 320x480iPhone 4 640x960...Default-Landscape.png iPad专用横向启动画面 1024x768或者1024x748 Default-PortraitUpsideDown.png iPad专用竖向启动画面(Home按钮在屏幕上面...默认启动图片,如果没有提供上面几个iPad专用启动图片,则在iPad上运行时也使用Default.png(不推荐) 320x480或者320x460 Default@2x.png iPhone4启动图片...我用NSUserDefaults +UIScrollview实现。 新建一个类,继承UIView,假设名为Guide。...但是这个窗口默认的背景色磨砂不透明的,因此还需要把它的背景色设为透明。这样看起来就像是全屏遮罩一样,但是由于系统不认为新的View全屏的,所以上一个View也不会被unload。

1.6K10

Android开发:最全面、最易懂的Android屏幕适配解决方案

安卓手机对于每类手机屏幕大小都有一个相应的屏幕像素密度: 屏幕尺寸、分辨率、像素密度三者关系 一部手机的分辨率宽x高,屏幕大小是以寸为单位,那么三者的关系: ?...sw xxxdp,即small width的缩写,其不区分方向,即无论宽度还是高度,只要大于 xxxdp,就采用次此布局 例子:使用了layout-sw 600dp的最小宽度限定符,即无论宽度还是高度...: 由于实际上还是使用px作为长度的度量单位,所以和google的要求使用dp作为度量单位会有所背离 必须尽可能多的包含所有分辨率,因为这个使用这个方案的基础,如果有某个分辨率缺少,将无法完成该屏幕的适配...先来理解下Android 加载资源过程 Android SDK会根据屏幕密度自动选择对应的资源文件进行渲染加载(自动渲染) 比如说,SDK检测到你手机的分辨率320x480(dpi=160),会优先到...设计师们一般都会用最新的iPhone6和iPhone5s(5s和5的尺寸以及分辨率都一样)来做原型设计,所有参数请看下图 ?

2.5K70

屏幕分辨率dpi计算_hypodensity

假设我们能将 iPhone 7 手机屏幕 PPI 调低 50% 变为 163,色块还是 326*326px,这个色块的物理尺寸会变成 2*2 英寸,同样多的像素,看起来却大了一倍。咦!这是为啥?...和标准dpi的比例(160px/inc) 分辨率 : 横纵2个方向的像素点的数量,常见取值 480X800 ,320X480 屏幕尺寸: 屏幕对角线的长度。电脑电视同理。 屏幕比例的问题。...屏幕尺寸(screen size)   就是我们平常讲的手机屏幕大小,屏幕的对角线长度,一般讲的大小单位都是英寸。   比如iPhone5S的屏幕尺寸4英寸。...图 2 3.分辨率(Resolution)   屏幕上垂直方向和水平方向上的像素个数。   ...比如iPhone5S的分辨率1136*640;Samsung Note3的分辨率1920*1080; 图 3 4.dpi   dot per inch的缩写,就是每英寸的像素数,也叫做屏幕密度

3.2K20

针对iPhone的pt、Android的dp、HTML的css像素与dpr、设计尺寸和物理像素的浅分析

iphone手机的像素密度163ppi,但是到了iPhone4的时候像素密度326ppi,开发者发现初代的1px和iphone4下的1px显示尺寸不相等了,无疑将增加适配的工作量,于是iphone开发者提出了一个...3.pt、dp与px之间的关系   根据上面的描述,我们可以知道iphone4下1pt=2px,因为iphone4326ppi,正好基准的两倍;但是iphone6+401ppi,那在iphone6...按照图中所示,设计图都是按照pt来设计的, 设计图的标准是:x1,x2和x3,也就是设计图的像素为320x480,750x114,1242x2208,但是由于工艺原因,iphone6+的物理像素(分辨率...)达不到1242x2208,所以只能做一次采样处理(并非缩放,因为显示尺寸并没有变化,还是5.5 inch),显示效果可能比真实的设计图差一点,但是本身分辨率已经很高了。...下device-width=320,iphone6下375,iphone6+下414,那也就是说device-width其实就是NA开发中屏幕宽度有多少pt和dp。

1.7K50

Android全面的屏幕适配方案解析(一)

Android屏幕尺寸碎片化,比如5寸、5.99寸、6寸等等。 Android屏幕分辨率碎片化,比如320x480、480x800、720x1280、1080x1920等等。...比如常见的屏幕尺寸:5.0、5.99、6.0等等 屏幕分辨率 屏幕分辨率指手机在横向、纵向上的像素点数总和,单位px,1px=1个像素点,一般以纵向像素*横向像素。...Android手机比较常见的分辨率为:320x480、480x800、720x1280、1080x1920。...手机的屏幕分辨率宽x高,屏幕大小是以寸为单位,那么三者的关系: 这里举个例子:假如手机的屏幕分辨率2160x1080,屏幕大小5.99英寸,对于一部手机来说这些都是已知的,求这手机的像素密度是多少...举个例子:比如我们想设置一张图片的宽度为屏幕的一半,那么: 如果以像素px为单位,那么我们需要在320x480分辨率的手机上设置宽度为160px,而在480x800分辨率的手机上设置宽度为240px,两者的设置宽度就不一样了

1.2K30

零碎之viewport

在早先的移动设备中,屏幕像素密度都比较低,如iphone3,它的分辨率320x480,在iphone3上,一个css像素确实是等于一个屏幕物理像素的。...后来随着技术的发展,移动设备的屏幕像素密度越来越高,从iphone4开始,苹果公司便推出了所谓的Retina屏,分辨率提高了一倍,变成640x960,但屏幕尺寸却没变化,这就意味着同样大小的屏幕上,像素却多了一倍...前面我们已经说了,css中的1px并不是代表屏幕上的1px,你分辨率越大,css中1px代表的物理像素就会越多,devicePixelRatio的值也越大,这很好理解,因为你分辨率增大了,但屏幕尺寸并没有变大多少...14px的文字无论在何种密度屏幕,何种分辨率下,显示出来的大小都是差不多的。...所有的iphone的ideal viewport宽度都是320px,无论它的屏幕宽度320还是640,也就是说,在iphone中,css中的320px就代表iphone屏幕的宽度。 ?

85140

移动前端开发之viewport的深入理解

在早先的移动设备中,屏幕像素密度都比较低,如iphone3,它的分辨率320x480,在iphone3上,一个css像素确实是等于一个屏幕物理像素的。...14px的文字无论在何种密度屏幕,何种分辨率下,显示出来的大小都是差不多的。...所有的iphone的ideal viewport宽度都是320px,无论它的屏幕宽度320还是640,也就是说,在iphone中,css中的320px就代表iphone屏幕的宽度。 ? ?...可以看到通过width=device-width,所有浏览器都能把当前的viewport宽度变成ideal viewport的宽度,但要注意的,在iphone和ipad上,无论竖屏还是横屏,宽度都是竖屏时...比如一个分辨率320x480的手机理想viewport的宽度320px,而另一个屏幕尺寸相同但分辨率为640x960的手机的理想viewport宽度也是为320px,那为什么分辨率大的这个手机的理想宽度要跟分辨率小的那个手机的理想宽度一样呢

1K50

移动Web 开发中的一些前端知识收集汇总

apple-mobile-web-app-status-bar-style" content="black" /> 第一个meta标签iphone...1:1,并且文档最大的宽度比例1.0,且不允许用户点击屏幕放大浏览; 第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式,其值有三个:default、black...第四个meta标签指在发送到屏幕的时候默认的命名。 ? ?...添加初始化图片 用户点击你桌面上的webapp的图标后,打开会加载浏览器(实际上webkit webview模块),然后下载、解析、渲染,在这个过程中,ios允许我们使用一个初始化图片来替代白色的浏览器屏幕...window.matchMedia(); /*匹配媒体*/ navigator.connection; /*决定手机是否运行在WiFi/3G等网络*/ window.devicePixelRatio; /*决定屏幕分辨率

3.8K50

CSS尺寸单位介绍

在早先的移动设备中,屏幕像素密度都比较低,如iphone3,它的分辨率320x480,在iphone3上,一个css像素确实是等于一个屏幕物理像素的。...后来随着技术的发展,移动设备的屏幕像素密度越来越高,从iphone4开始,苹果公司便推出了所谓的Retina屏,分辨率提高了一倍,变成640x960,但屏幕尺寸却没变化,这就意味着同样大小的屏幕上,像素却多了一倍...(device pixel radio) Retina屏幕 所谓“Retina”一种显示标准,把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度。...你会发现,在移动端开发中使用了图片(img标签),2倍图要比1倍图清晰,就是这个缘故 px 默认情况下像素px相对于屏幕分辨率而言,比如说我们的屏幕分辨率1440 X 900,说的就是像素1440px...,缩放的css像素,而非分辨率分辨率屏幕分辨率,不论你怎么缩放当前页面,屏幕分辨率都不会改变 我们知道在移动端可以在一定程度上控制用户的缩放行为,也可以禁止用户缩放 <meta name="viewport

1.4K30

CSS尺寸单位介绍

在早先的移动设备中,屏幕像素密度都比较低,如iphone3,它的分辨率320x480,在iphone3上,一个css像素确实是等于一个屏幕物理像素的。...后来随着技术的发展,移动设备的屏幕像素密度越来越高,从iphone4开始,苹果公司便推出了所谓的Retina屏,分辨率提高了一倍,变成640x960,但屏幕尺寸却没变化,这就意味着同样大小的屏幕上,像素却多了一倍...(device pixel radio) Retina屏幕 所谓“Retina”一种显示标准,把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度。...你会发现,在移动端开发中使用了图片(img标签),2倍图要比1倍图清晰,就是这个缘故 px 默认情况下像素px相对于屏幕分辨率而言,比如说我们的屏幕分辨率1440 X 900,说的就是像素1440px...,缩放的css像素,而非分辨率分辨率屏幕分辨率,不论你怎么缩放当前页面,屏幕分辨率都不会改变 我们知道在移动端可以在一定程度上控制用户的缩放行为,也可以禁止用户缩放 <meta name="viewport

1.6K20

viewport深入理解和使用

手机浏览器把页面放在一个虚拟的窗口(viewport)中,通常这个虚拟的窗口比屏幕宽,这样就不用把网页挤到很小的窗口中,用户可以通过平移和缩放来看网页的不同部分。...ideal viewport并没有一个固定尺寸,所有的iphone的ideal viewport宽度都是320px,也就是css中的320px就代表iphone屏幕的宽度。...document.getElementById('testViewport'); mvp.setAttribute('content','width=480'); 说了那么多废话,最后还是有必要总结一点有用的出来...第一:如果不设置meta viewport标签,那么移动设备上浏览器默认的宽度值为800px,980px,1024px等这些,总之大于屏幕宽度的。...比如一个分辨率320x480的手机理想viewport的宽度320px,而另一个屏幕尺寸相同但分辨率为640x960的手机的理想viewport宽度也是为320px,那为什么分辨率大的这个手机的理想宽度要跟分辨率小的那个手机的理想宽度一样呢

1.2K10
领券