手机逻辑分辨率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. .NET下免费开源的PDF类库（PDFSharp）

    前言 目前.NET 体系下常见的PDF类库有Aspose.QuestPDF.Spire.iTextSharp等,有一说一都挺好用的,我个人特别喜欢QuestPDF它基于 C# Fluent API 提 ...

  2. c#事件的实际应用场景

    最简单的定义事件的语法 public event Action<bool> Refreash; 先介绍这个Action 这个Action是委托的快速实现方式,我用.net framewor ...

  3. .NET 将多个程序集合并成单一程序集的 4+3 种方法

    将 .NET 程序集与依赖合并到一起的方法有下面四种: 使用 .NET Core 3.0 自带的 PublishSingleFile 属性合并依赖使用 Fody使用 SourceYard 源代码包使用 ...

  4. 7.18考试总结(NOIP模拟19)[u·v·w]

    我们不是狼,我们只是长着獠牙的羊...... 前言 我真 TM 爱死 \(\frac{1}{4}\) 了. 老实说,这套题是真恶心,第一题还有一点思路,到了后面是一点都搞不定了. 总的来说,主要原因是 ...

  5. Python爬虫 | 批量爬取今日头条街拍美图

    01 前言 上篇文章我们爬取了今日头条街拍美图,心情相当愉悦,今天这篇文章我们使用Selenium来爬取当当网的畅销图书排行.正所谓书中自有黄金屋,书中自有颜如玉,我们通过读书学习来提高自身的才华,自 ...

  6. MDK5常见问题

    (1)MDK5下载时未找到对应的芯片 解决方式:需要下载pack包. 官方链接:https://www.keil.com/dd2/pack/ 其它链接:https://blog.csdn.net/ni ...

  7. react兄弟之间通信

    写入组件 import React, { Component } from 'react'//下面二个就是兄弟关系的组件 import Cmp1 from '../Child/Cmp1' import ...

  8. Keil一键添加.c文件和头文件路径脚本--可遍历添加整个文件夹

    最近想移植个LVGL玩玩,发现文件实在是太多了,加的手疼都没搞完,实在不想搞了就去找脚本和工具,基本没找到一个...... 主要是自己也懒得去研究写脚本,偶然搜到了一个博主写的脚本,原博客地址:htt ...

  9. 搜狗五笔 date 自定义时间格式

    搜狗五笔 date 自定义时间格式 搜狗五笔 date 默认打出的是"2023-6-15",如果需要"2023-06-15",则需要在自定义短语中设置 属性设置 ...

  10. vue2 混入 (mixin) 带来的小惊喜

    最近在review自己写的代码时发现,在很多的地方都用了以下的代码块 1 async initCode() { 2 const resSource = await this.$API.syscode. ...