移动端尺寸

一、名词解释

分辨率

说明:分辨率,又称显示分辨率、屏幕分辨率,确定手机屏幕上显示多少信息的设置,以水平和垂直的像素来衡量

移动端尺寸_第1张图片
分辨率.png
逻辑像素和物理像素

逻辑像素(pt):又称为逻辑分辨率
物理像素(px):又称为物理分辨率

主要在PPI与DPI中使用

屏幕尺寸

说明:屏幕大小的物理尺寸,以屏幕对角线长度衡量,单位是英寸,1英寸=2.54厘米

移动端尺寸_第2张图片
屏幕尺寸.png
像素密度PPI

说明:每英寸所拥有的像素数量,PPI越高,画面细节越丰富

PPI计算公式.png
举个例子:
移动端尺寸_第3张图片
PPI.png
点密度DPI

说明:每英寸所拥有的点(pt)的数量,DPI越大,手机屏幕显示的内容越多

dp(android)

说明:android开发中用于描述模块间布局大小的单位,类似于pt

sp(android)

说明:sp和dp一样,只是用于描述字体大小的单位,1dp=1sp

二、手机屏幕数据

iPhone

下面是网上引用的数据


移动端尺寸_第4张图片
iPhone界面尺寸.jpg

移动端尺寸_第5张图片
iPhone图标尺寸.jpg

目前市场上iPhone手机的适配还是以主流的5/5S及以上
iphone 5/5S:
  物理分辨率:1136px 640px
  逻辑分辨率:568pt 320pt
  1pt = 2px
iphone 6/6S:
  物理分辨率:1334px 750px
  逻辑分辨率:667pt 375pt
  1pt = 2px
iphone 6/6s Plus:
  物理分辨率:2208px 1242px
  逻辑分辨率:736pt 316pt
  1pt = 3px

Android

下面是网上引用的数据


移动端尺寸_第6张图片
Android SDK模拟机尺寸.jpg

移动端尺寸_第7张图片
Android dp_sp_px换算表.jpg

目前市场上Android手机的适配还是以DPI的xxhdpi及以上
xxhdpi (320-480]
  常见物理分辨率:1080px 1920px
  1dp = 3px
xxxhdpi (480-640]
  常见物理分辨率:2560px 1440px
  1dp = 4px

iPad

下面是网上引用的数据


移动端尺寸_第8张图片
iPad设计尺寸.jpg
移动端尺寸_第9张图片
iPad图标尺寸.jpg
PC(额外拓展)

下面是网上引用的数据


移动端尺寸_第10张图片
主流浏览器的界面参数与份额.jpg

你可能感兴趣的:(移动端尺寸)