历代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的转 ...
随机推荐
- 深入剖析Arthas源码
一. 前言 Arthas 相信大家已经不陌生了,肯定用过太多次了,平时说到 Arthas 的时候都知道是基于Java Agent的,那么他具体是怎么实现呢,今天就一起来看看. 首先 Arthas 是在 ...
- 深入解析LinkedHashMap
LinkedHashMap是HashMap的一个子类,保存了记录的插入顺序,在用Iterator遍历LinkedHashMap时,先得到的记录肯定是先插入的,也可以在构造时带参数,按照访问次序排序. ...
- HTML——标签语法
<标签名 属性1="属性值1" 属性2="属性值2"-->内容部分</标签名> <标签名 属性1="属性值1" ...
- FlexBox 行间距
问题背景 在Flex布局方式下, 父容器约定是换行的方式, 不足以容纳一行子元素的时候, 会单独进行折行, 那么折行的行间距如何处理呢? 解决办法 通过在子Item上面设置margin-top可以模拟 ...
- opensuse tw快速部署
使用GUI快速配置opensusetw 先看官方配置指南 换源 清华源之oss+non-oss links 清华源之packman links sudo zypper ar -cfg 'https:/ ...
- [机器学习] 低代码机器学习工具PyCaret库使用指北
PyCaret是一个开源.低代码Python机器学习库,能够自动化机器学习工作流程.它是一个端到端的机器学习和模型管理工具,极大地加快了实验周期,提高了工作效率.PyCaret本质上是围绕几个机器学习 ...
- Centos Stream 10 测试版下载:未来的RHEL10&Rocky Linux 10
简介 最近发现Centos最放出了Stream 10 测试版本,应该是基于Fedora 40构建的.未来红帽会基于此版本构建RHEL 10. 内核版本:6.9.0 Python版本:3.12.2 RH ...
- Nodejs中间件 中间件分类和自定义中间件
中间件 中间件理解 中间件可以理解为业务流程的中间处理环节.如生活中吃一般炒青菜,大约分为如下几步骤 express中当一个请求到达的服务器之后,可以在给客户响应之前连续调用多个中间件,来对本次请求和 ...
- kettle从入门到精通 第十课 kettle switch/case、过滤记录、数值范围
1.java代码里面有if else .switch-case等流程控制,kettle也有相应控件.下图便用到switch/case.过滤记录.数值范围控件. 2. switch/case步骤 1)步 ...
- .NET5 ASP.NET Core 使用 EF Core MS SQL SERVER DB First
.NET5 ASP.NET Core 使用 EF Core MS SQL SERVER DB First 开发工具:VS2019 1.修改appsettings.json,增加一项. "Co ...