苹果手机不同型号,屏幕大小,分辨率不同 ios

1.目前市面上的苹果手机尺寸和分辨率是:看看截图

a、ppi:是指每英寸像素的个数,普通显示器是72ppi;

b、retina显示器不是像素的堆积

2.围绕着这样图,我们来解释一下参数,应该怎么理解,我们在设计应用的时候要注意什么?

我们要关注:分辨率分3种:

A、资源分辨率,针对ps工程师(就是资源图片的大小,单位是像素)

B、设计分辨率,针对程序员的。单位是像素点,指定4个值,20,30,40,50(20,30指离设备的左边距,和右边距;40,50指图标本身的宽和高)。在程序中会用像素点作为单位。程序中和interface builder设计器中都是使用这个单位。

C、屏幕分辨率,是以像素为单位的屏幕大小,所有应用都会渲染到这个屏幕上。

重点关注下面的图:

iphone6 plus的资源要缩小1.15倍渲染到屏幕上。设计分辨率乘以3才能得到资源分辨率,除了iphone 6 puls之外,其他的设计分辨率都是乘以2才能得到资源分辨率

时间: 2025-01-02 14:09:41

苹果手机不同型号,屏幕大小,分辨率不同 ios的相关文章

像素、分辨率、屏幕大小(屏幕适配必看)

简介: 一直对android中常见单位理解不是很透彻,今天分享下.有什么不到位,欢迎指出 含义: 1.屏幕大小 :物理尺寸(手机对角线大小,例如4.7,5.5.5寸的手机) 2.密度(dpi):每英寸所展示的像素 3.像素(px):真实屏幕上所测量的大小 4.dp:屏幕宽高和px的一个比值,在大屏幕手机上对应的px多,小屏幕上对应的px少 图表: 很容易就能理解像素.分辨率.密度的关系 比值(各种屏幕密度的比值): ldpi:mdpi:hdpi:xhdpi:xxhdpi:xxxdpi = 0.7

js 根据屏幕大小调用不同的css文件

原因:屏幕大小不一样,网站看起来总觉得怪怪的,所以,针对不同大小的屏幕,写了不同的css,写完了,要解决的问题就是:怎么根据屏幕的大小来引用不同的CSS,下面就是解决方法了. 解决方法:首先,在head标签里面先引用一个通用的CSS文件,如下: <link href="Styles/Style.css" id="css" rel="stylesheet" type="text/css" /> 这时候,你会发现,这个

VirtualBox - 自动调整屏幕大小,显示分辨率

在VirtualBox中安装了Ubuntu后,Ubuntu的屏幕调整不太好,操作起来非常不方便,需要安装Vbox的增强功能.具体如下:1, 在  设备--> 安装增强功能这时会自动加载VBOXADDITIONS的虚拟光盘2,/media/VBOXADDITIONS_4.0.10_72479 (4.0.10_72479是版本号)找到对应的操作系统的文件,比如Linux的是,VBoxLinuxAdditions.run3, 运行这个文件,需要管理员权限4,操作完成,重启Ubuntu5,然后,就会, 

android 应用程序自适应屏幕大小(转载)

android应用自适应多分辨率的解决方法 1. 首先是建立多个layout文件夹(drawable也一样).在res目录下建立多个layout文件夹,文件夹名称为layout-800x480等.需要适应那种分辨率就写成什么.注意:         a.   较大的数字要写在前面:比如layout-854x480而不能写layout-480x854.         b.   两个数字之前是小写字母x,而不是乘号.2. 在不能的layout下调整layout 的长宽等各种设置.以适应不同的分辨率

日常捕获的野生知识 - 屏幕大小

刚刚接触JavaScript,涉及到 document , window 的一些基本知识不是很了解,今天为了一个屏幕大小折腾了半天,幸好找到了很好的例子学习. 代码如下: <html> <script> function al(){ document.write( "屏幕分辨率为:"+screen.width+"*"+screen.height //最好是window.screen +"<br />"+ &qu

Android屏幕大小适配问题解决

? 一.一些基本概念 1.长度(真实长度):英寸.inch 2.分辨率:density 每英寸像素数  dpi(密度) 3.像素:px 4.dip的公式:px /dip=dpi/160  所以 dip 类似于英寸.长度(dp=dip,sp类似于dip)  dip=160*inch dip= 160/dpi * px 当dip一定时,dpi 越大,px就越大 5.广义分辨率=长px*宽px 二.经常使用规律 1.平时我们说 手机的分辨率是 320*480的,事实上的这里的分辨率是相对分辨率 意思是

根据屏幕大小换不同背景图片

今天遇到了全屏翻滚的网站首页,自然客户要求图片不能大量变形,于是,我通过写两个不同的类(每个类里面的background-images属性值URL不同),在页面里面通过jq判断屏幕大小,添加和删除自定义类. jq代码如下: $(function () { //判断是否宽屏 var winWide = window.screen.width; var wideScreen = false; if (winWide <= 1199) {//1199及以下分辨率 $(".swiper-wrapp

android 应用程序自适应屏幕大小

android应用自适应多分辨率的解决方法 1. 首先是建立多个layout文件夹(drawable也一样). 在res目录下建立多个layout文件夹,文件夹名称为layout-800x480等.需要适应那种分辨率就写成什么. 注意: a.   较大的数字要写在前面:比如layout-854x480而不能写layout-480x854. b.   两个数字之前是小写字母x,而不是乘号. 2. 在不能的layout下调整layout 的长宽等各种设置.以适应不同的分辨率. 3 最后需要在Andr

java 获取屏幕大小

使用Java AWT类可以很方便取得屏幕分辨率及可用屏幕大小. 01.Dimension scrSize=Toolkit.getDefaultToolkit().getScreenSize();   此语句可取得屏幕实际大小.如屏幕分辨率是1024*768时,scrSize.width的值为1024,scrSize.height的值为768. 01.Insets scrInsets=Toolkit.getDefaultToolkit().getScreenInsets(GraphicsEnvir