手机逻辑分辨率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手机的屏幕参数对比的更多相关文章

  1. android手机旋转屏幕时让GridView的列数与列宽度自适应

    无意中打开了一年前做过的一个android应用的代码,看到里面实现的一个小功能点(如题),现写篇文章做个笔记.当时面临的问题是,在旋转屏幕的时候需要让gridview的列数与宽度能自适应屏幕宽度,每个 ...

  2. 微软Silverlight欲攻占iPhone和Android手机

    微软日前表示,该公司正在努力把Silverlight视频技术引入手机市场.微软Silverlight视频技术被誉为“Flash杀手”,该公司前不久刚发布了Silverlight 2.0版. 尽管说苹果 ...

  3. jQuery Mobile开发的新闻阅读器,适应iphone和android手机

    程序猿都非常赖.你懂的! 我们常常上新浪,腾讯.雅虎等各大站点上面看新闻.他们也都各自推出了自家的手机新闻阅读器.今天我自己使用jQuery Mobile 来实现这一功能.图片大小上传限制了大小250 ...

  4. iPhone与Android手机 各个型号的UserAgent

    摘要:userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值.一般来讲,它是在navigator.appCodeName 的值之后加上斜线和navigator.a ...

  5. 获取android手机的屏幕分辨率 android开发

    /** * 获取屏幕分辨率 */ private void getResolution() { // TODO Auto-generated method stub Display display = ...

  6. Android手机怎样录制屏幕及转GIF

    有时候我们须要录制Android 手机的屏幕,比方写了一个Demo应用,须要公布到博客和微博上. 例如以下是我录制转GIF的效果图 对于Android4.4的上的手机,系统自带了一个命令screenr ...

  7. 为什么Android手机总是越用越慢?

    根据第三方的调研数据显示,有77%的Android手机用户承认自己曾遭遇过手机变慢的影响,百度搜索“Android+卡慢”,也有超过460万条结果.在业内,Android手机一直有着“越用越慢”的口碑 ...

  8. 为啥Android手机总会越用越慢?

    转自:http://www.androidchina.net/818.html 根据第三方的调研数据显示,有77%的Android手机用户承认自己曾遭遇过手机变慢的影响,百度搜索“Android+卡慢 ...

  9. 移动平台前端开发总结(针对iphone,Android等手机)

    移动平台前端开发是指针对高端智能手机(如Iphone.Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定 ...

  10. Android开发——Android手机屏幕适配方案总结

    )密度无关像素,单位为dp,是Android特有的单位 Android开发时通常使用dp而不是px单位设置图片大小,因为它可以保证在不同屏幕像素密度的设备上显示相同的效果. /** * dp与px的转 ...

随机推荐

  1. 深入剖析Arthas源码

    一. 前言 Arthas 相信大家已经不陌生了,肯定用过太多次了,平时说到 Arthas 的时候都知道是基于Java Agent的,那么他具体是怎么实现呢,今天就一起来看看. 首先 Arthas 是在 ...

  2. 深入解析LinkedHashMap

    LinkedHashMap是HashMap的一个子类,保存了记录的插入顺序,在用Iterator遍历LinkedHashMap时,先得到的记录肯定是先插入的,也可以在构造时带参数,按照访问次序排序. ...

  3. HTML——标签语法

    <标签名 属性1="属性值1" 属性2="属性值2"-->内容部分</标签名> <标签名 属性1="属性值1" ...

  4. FlexBox 行间距

    问题背景 在Flex布局方式下, 父容器约定是换行的方式, 不足以容纳一行子元素的时候, 会单独进行折行, 那么折行的行间距如何处理呢? 解决办法 通过在子Item上面设置margin-top可以模拟 ...

  5. opensuse tw快速部署

    使用GUI快速配置opensusetw 先看官方配置指南 换源 清华源之oss+non-oss links 清华源之packman links sudo zypper ar -cfg 'https:/ ...

  6. [机器学习] 低代码机器学习工具PyCaret库使用指北

    PyCaret是一个开源.低代码Python机器学习库,能够自动化机器学习工作流程.它是一个端到端的机器学习和模型管理工具,极大地加快了实验周期,提高了工作效率.PyCaret本质上是围绕几个机器学习 ...

  7. Centos Stream 10 测试版下载:未来的RHEL10&Rocky Linux 10

    简介 最近发现Centos最放出了Stream 10 测试版本,应该是基于Fedora 40构建的.未来红帽会基于此版本构建RHEL 10. 内核版本:6.9.0 Python版本:3.12.2 RH ...

  8. Nodejs中间件 中间件分类和自定义中间件

    中间件 中间件理解 中间件可以理解为业务流程的中间处理环节.如生活中吃一般炒青菜,大约分为如下几步骤 express中当一个请求到达的服务器之后,可以在给客户响应之前连续调用多个中间件,来对本次请求和 ...

  9. kettle从入门到精通 第十课 kettle switch/case、过滤记录、数值范围

    1.java代码里面有if else .switch-case等流程控制,kettle也有相应控件.下图便用到switch/case.过滤记录.数值范围控件. 2. switch/case步骤 1)步 ...

  10. .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 ...