历代iPhone及Android手机的屏幕参数对比
手机逻辑分辨率Point，也就是CSS像素，是进行网页适配的关键，以下是平时整理的一些备忘录数据，可以收藏。
屏幕清晰度分类
- SD标清
- HD高清（2倍屏）
- FHD全高清（3倍屏）
- QHD倍高清（4倍屏）
- UHD超高清（6倍屏）
屏幕长宽比分类
- 宽边屏（3：2屏幕）
- 窄边屏（16：9屏幕）
- 全面屏（18/19/19.5/20...：9屏幕）
- 折叠屏（8：7.1屏幕）
移动分辨率占比
https://gs.statcounter.com/screen-resolution-stats/tablet/worldwide
|
2021-03 |
2022-10 |
|
| 360x640 | 11.75% | 4.28% |
| 414x896 | 7.91% | 6.24% |
| 375x667 | 6.26% | 4.29% |
| 360x780 | 6.06% | 4.44% |
| 360x760 | 5.17% | 3.7% |
| 375x812 | 5.11% | 4.3% |
| 360x800 | 9.44% | |
| 390x844 | 6.58% | |
| 412x915 | 5.27% | |
| 393x873 | 3.87% |
iPhone机型分类表
| iPhone机型 | 逻辑像素Point | 物理像素Pixel | 倍率Scale Factor | 长宽比 | PPI |
| 3GS | 320 x 480 | 320 x 480 | @1x | 3：2 | 163 |
| 4/4s | 320 x 480 | 640 x 960 | @2x | 3：2 | 326 |
| 5/5S/5C/SE | 320 x 568 | 640 x 1136 | @2x | 16：9 | 326 |
| 6/6S/7/8/SE 2/SE 3 | 375 x 667 | 750 x 1334 | @2x | 16：9 | 326 |
| 6+/6S+/7+/8+ | 414 x 736 |
1080 x 1920 （1242 x 2208） |
@3x （实际2.6） |
16：9 | 401 |
| X/XS/11 Pro | 375 x 812 | 1125 x 2436 | @3x | 19.5：9 | 458 |
| XR/11 | 414 x 896 | 828 x 1792 | @2x | 19.5：9 | 326 |
| XS Max/11 Pro Max | 414 x 896 | 1242 x 2688 | @3x | 19.5：9 | 458 |
| 12 Mini/13 Mini | 360 x 780 | 1080 x 2340 | @3x | 19.5：9 | 476 |
| 12/12 Pro/13/13 Pro/14/14 Pro | 390 x 844 | 1170 x 2532 | @3x | 19.5：9 | 460 |
| 12 Pro Max/13 Pro Max/14 Plus | 428 x 926 | 1284 x 2778 | @3x | 19.5：9 | 458 |
| 14 Pro Max | 430 x 932 | 1290 x 2796 | @3x | 19.5：9 | 460 |
Android机型分类表
| Android代表机型 | 逻辑像素Point | 物理像素Pixel | 倍率Scale Factor | 长宽比比例 | PPI |
| 荣耀畅玩 5 | 360 x 640 | 720 x 1280 | @2x | 16：9 | 294 |
| OPPO A5 | 360 x 760 | 720 x 1520 | @2x | 19：9 | 271 |
| 小米MIX 2 | 360 x 720 | 1080 x 2160 | @3x | 18：9 | 403 |
| 红米Note 7 | 360 x 780 | 1080 x 2340 | @3x | 19.5：9 | 409 |
| Vivo S9 | 360 x 800 | 1080 x 2400 | @3x | 20：9 | 408 |
| 华为Mate X2 | 733 x 827 | 2200 x 2480 | @3x | 8：7.1 | 413 |
| 华为Mate 20 Pro | 360 x 780 | 1440 x 3120 | @4x | 19.5：9 | 538 |
| 华为Mate 50 | 408 x 900 | 1224 x 2700 | @3x | 25：7 | 460 |
| 三星Galaxy S21 Ultra | 360 x 800 | 1440 x 3200 | @4x | 20：9 | 515 |
历代iPhone及Android手机的屏幕参数对比的更多相关文章
- android手机旋转屏幕时让GridView的列数与列宽度自适应
无意中打开了一年前做过的一个android应用的代码,看到里面实现的一个小功能点(如题),现写篇文章做个笔记.当时面临的问题是,在旋转屏幕的时候需要让gridview的列数与宽度能自适应屏幕宽度,每个 ...
- 微软Silverlight欲攻占iPhone和Android手机
微软日前表示,该公司正在努力把Silverlight视频技术引入手机市场.微软Silverlight视频技术被誉为“Flash杀手”,该公司前不久刚发布了Silverlight 2.0版. 尽管说苹果 ...
- jQuery Mobile开发的新闻阅读器,适应iphone和android手机
程序猿都非常赖.你懂的! 我们常常上新浪,腾讯.雅虎等各大站点上面看新闻.他们也都各自推出了自家的手机新闻阅读器.今天我自己使用jQuery Mobile 来实现这一功能.图片大小上传限制了大小250 ...
- iPhone与Android手机 各个型号的UserAgent
摘要:userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值.一般来讲,它是在navigator.appCodeName 的值之后加上斜线和navigator.a ...
- 获取android手机的屏幕分辨率 android开发
/** * 获取屏幕分辨率 */ private void getResolution() { // TODO Auto-generated method stub Display display = ...
- Android手机怎样录制屏幕及转GIF
有时候我们须要录制Android 手机的屏幕,比方写了一个Demo应用,须要公布到博客和微博上. 例如以下是我录制转GIF的效果图 对于Android4.4的上的手机,系统自带了一个命令screenr ...
- 为什么Android手机总是越用越慢？
根据第三方的调研数据显示,有77%的Android手机用户承认自己曾遭遇过手机变慢的影响,百度搜索“Android+卡慢”,也有超过460万条结果.在业内,Android手机一直有着“越用越慢”的口碑 ...
- 为啥Android手机总会越用越慢？
转自:http://www.androidchina.net/818.html 根据第三方的调研数据显示,有77%的Android手机用户承认自己曾遭遇过手机变慢的影响,百度搜索“Android+卡慢 ...
- 移动平台前端开发总结（针对iphone，Android等手机）
移动平台前端开发是指针对高端智能手机(如Iphone.Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定 ...
- Android开发——Android手机屏幕适配方案总结
)密度无关像素,单位为dp,是Android特有的单位 Android开发时通常使用dp而不是px单位设置图片大小,因为它可以保证在不同屏幕像素密度的设备上显示相同的效果. /** * dp与px的转 ...
随机推荐
- iceoryx源码阅读（三）——共享内存通信（一）
目录 0 导引 1 整体通信结构 2 RelativePointer 2.1 原理 2.2 PointerRepository 2.3 构造函数 2.4 get函数 3 ShmSafeUnmanage ...
- Typora导出html图片转base64
Typora 导出html图片转base64 Typora 中图片使用绝对路径 图片路径不要使用中文,否则可能会不成功 打包 jar ,jar放在到出 html 同级目录下 必须要有 jdk 环境 一 ...
- VSCode 圈复杂度插件 CodeMetrics
前言 圈复杂度(Cyclomatic Complexity)是一种代码复杂度的衡量标准.它可以用来衡量一个模块判定结构的复杂程度,数量上表现为独立现行路径条数,也可理解为覆盖所有的可能情况最少使用的测 ...
- 关于sass（scss）、less、postcss、stylus的简介与区别
为什么会出现css预处理器 CSS不是一种编程语言,仅仅只能用来编写网站样式,在web初期时,网站的搭建还比较基础,所需要的样式往往也很简单.但是随着用户需求的增加以及网站技术的升级,css一成不 ...
- Django——form组件之循环生成标签
from django.contrib import admin from django.urls import path from app01.views import index urlpatte ...
- 【web】自定义协议Protocol URL
URL Protocol(自定义协议)可以让web页面调用本地exe程序,这个神奇的功能是怎么实现的呢? URL ProtocolURL Protocol,没错就是标题里所说的自定义协议.这玩意儿大家 ...
- testArticle
Test Article This is a test article for ArticleSync. Test Edit...... test Edit
- vue3项目安装依赖报错 npm ERR! code ERESOLVE
vue3项目安装依赖报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While reso ...
- dom基本获取 标签文本操作
// 总结: // 1, 通过id属性值,获取标签对象 // document.getElementById() // 一个标签对象 ...
- Mysql中innodb的B+tree能存储多少数据？
引言 InnoDB一棵3层B+树可以存放多少行数据?这个问题的简单回答是:约2千万.为什么是这么多呢?因为这是可以算出来的,要搞清楚这个问题,我们先从InnoDB索引数据结构.数据组织方式说起. 在计 ...