【移动端】手机界面的设计尺寸

article/2025/11/8 21:55:17

从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。

Android的常用逻辑分辨率:

Android的常用逻辑分辨率:参考屏幕尺寸大全 

360 * 640 、 360 * 720、 360 * 740、 360 * 760、 360 * 780、 360 * 800

411 * 731

480 * 853

iPhone的分辨率

设备

屏幕尺寸

像素密度

PPI

纵横比

逻辑分辨率

(point)(pt)

物理分辨率

(pixel)(px)

缩放因子

(scale)

iPhone 13 Pro Max6.745819 : 9428 x 9261284 x 27783.0 xxhdpi
iPhone 13 Pro6.146019 : 9390 x 8441170 x 25323.0 xxhdpi
iPhone 136.146019 : 9390 x 8441170 x 25323.0 xxhdpi
iPhone 13 mini5.447619 : 9360 x 7801080 x 23403.0 xxhdpi
iPhone 12 Pro Max6.745819 : 9428 x 9261284 x 27783.0 xxhdpi
iPhone 12 Pro6.146019 : 9390 x 8441170 x 25323.0 xxhdpi
iPhone 12 Mini5.447619 : 9360 x 7801080 x 23403.0 xxhdpi
iPhone 11 Pro5.845819 : 9375 x 8121125 x 24363.0 xxhdpi
iPhone 11 Pro Max6.545819 : 9414 x 8961242 x 26883.0 xxhdpi
iPhone 11 (11,XR)6.132619 : 9414 x 896828 x 17922.0 xhdpi
iPhone XS Max6.545819 : 9414 x 8961242 x 26883.0 xxhdpi
iPhone X (X,XS)5.845819 : 9375 x 8121125 x 24363.0 xxhdpi
iPhone 8+ (8+, 7+, 6S+, 6+)5.540116 : 9414 x 7361242 x 22083.0 xxhdpi
iPhone 8 (8, 7, 6S, 6)4.732616 : 9375 x 667750 x 13342.0 xhdpi
iPhone 5 / 5S / 5C / SE4.03269:16320 x 568640 x 11362.0 xhdpi
iPhone 4 / 4S3.53262:3320 x 480640 x 9602.0 xhdpi
iPhone 2G / 3 / 3GS3.51632:3320 x 480320 x 4801.0 xhdpi

全新 iPhone 12 发布,再谈 iPhone 屏幕尺寸

平板分辨率主要有下面罗列的9种

电脑分辨率主要有以下几种

2560 x 1440 (四高清晰度,超清)

2560 x 1600 (2k+超清屏)

2048 x 1536 (2k超清屏,视网膜屏)

1920 x 1200 (1080p+全高清屏)

1920 x 1080 (1080p 全高清)

1366 x 768  (720p+高清屏)

1280 x 800  (720p 宽屏)

1024 x 768  (720p 屏)

1136 x 640

1024 x 600

800 x 480 (可以看到明显的像素点,清晰度低)

1920 x 1080(推荐)
1680 x 1050
1600 x 1200
1600 x 900
1440 x 900
1280 x 1024
1280 x 960
1280 x 768
1280 x 720
1152 x 864
1024 x 768
800 x 600

屏幕尺寸

屏幕尺寸是指屏幕的对角线长度。

单位

屏幕的单位是以英寸为单位。换算关系如下:1 inch = 2.54cm = 25.4mm

逻辑分辨率和物理分辨率

逻辑分辨率以point(pt)为单位,物理分辨率以pixel(px)为单位。

缩放因子(scale)

因为逻辑分辨率和物理分辨率存在着一定的比例关系,这种比例的关系称为缩放因子。其对应关系为:1pt = scale * px

像素密度PPI

像素密度PPI(Pixel Per Inch)是指每英寸上容纳的像素数量。

计算PPI,可以简单用勾股定理计算出对线上出现的像素,再除以对角线上长度:

我们知道,手机的屏幕是以像素的方式一个一个呈现出来的。PPI值越高,意味着有更细腻的画面。较低PPI的屏幕看起来有颗粒感。但是当PPI值到达一定程度后,再继续提升肉眼就分别不出来了。这就是苹果提出的Retina显示屏的概念。在一定的距离内,手机显示屏在200PPI以上时,肉眼就分辨不出单个像素点了。


http://chatgpt.dhexx.cn/article/DoE5oZHo.shtml

相关文章

移动界面尺寸!安卓720*1280界面尺寸规范参考

这样的手机又vivo智能收款机、三星Galaxy A5、华为荣耀等手机。 这样的手机屏幕尺寸是:5寸 即屏幕对角线是5英寸。 计算方法:1280平方+720平方=2156800,结果再开平方=1468.6048,再5&…

搭建nginx代理服务器

搭建nginx代理服务器 原理:1、在proxy-1的nginx.conf主配置文件后添加2、修改proxy-1的子配置文件3、修改存储服务器的一些配置4、启动服务测试: 原理: 通过代理服务器进行访问,减小web1和web2的负担 资源是不直接放在web1和web2下的&#x…

node.js搭建代理服务器实现跨域

node.js搭建代理服务器实现跨域 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境&…

apache 搭建ip代理服务器

前期准备 windows / LinuxApache 这里就不教如何安装apache了,需要的可以查询如何安装。 apache 配置 找到 httpd.conf 文件,apache的安装目录下 Apache2.4.39\conf\httpd.conf 找到下面几行配置,默认是注释了的,你需要把 # 号…

在CentOS 7上搭建代理服务器(Socks 5)

安装环境配置 1. yum install gcc 2. yum install openldap-devel 3. yum install pam-devel 4. yum install openssl-devel 安装Socks 5 wget http://jaist.dl.sourceforge.net/project/ss5/ss5/3.8.9-8/ss5-3.8.9-8.tar.gz 解压ss5-3.8.9-8.tar.gz tar -xzvf ss5-3.8.9…

10分钟搭建linux代理服务器

介绍 关于搭建代理服务器的方法,我也是刚刚接触,从网上找了一些能够行得通的方法来给大家做个分享: 这里我用的是Tinyproxy作为代理服务软件。这个东西很小,并没有几M。 tinyproxy最大的特点就是小,功能简单&#xff…

用nodejs搭建代理服务器步骤

前端开发者在工作中常常遇到跨域的问题,一般我们遇到跨域问题主要使用以下办法来解决: 1、jsonp 2、cors 3、配置代理服务器。 jsonp不是很灵活,只能发送get请求,不能发送psot请求,而cors虽然可以支持多种请求格式,…

关于腾讯云搭建代理服务器的详细过程

腾讯云的规定是一个账号一个地区只能有20个公网IP: 1)点击实例名 2)添加辅助网卡 3)绑定弹性公网ip 4)为辅助网卡绑定安全组 5)修改网卡配置文件 ### 复制eth0的网卡文件 ### [root@VM_1_62_centos ~]# cp /etc/sysconfig/network-scripts/ifcfg-eth{0,1} ### 修改eth1文…

使用腾讯云Ubuntu20.04搭建代理服务器

文章目录 安装配置文件位置云服务器开放端口 添加规则运行停止状态重启连接测试参考 安装 sudo apt-get install tinyproxy配置文件位置 /etc/tinyproxy.conf 或者 /etc/tinyproxy/tinyproxy.conf # 预设是8888 Port, 可以更改 Port 8888 # 将127.0.0.1改成你自己的IP All…

xray搭建代理服务器

xray 代理服务器配置 1.下载xray 2.执行 xattr -c /Users/mac/Downloads/Xray-macos-64.zip 3.配置 log:LogObject  waring 改成debug 2.InboundObject :  protocol:HTTP  settings 设置为如下,address和…

linux搭建代理服务器

最近在做某个项目时,由于机房环境是内网环境,但是有些服务(短信发送、email发送)需要访问外网交互,所以需要搭建代理服务器。 该服务器可以访问外网,所有的内网服务通过该代理服务器访问外网。简易示意图如…

Ubuntu 搭建代理服务器squid

目录 前言 工具准备 安装squid 修改配置文件 重新加载配置文件 查看squid的端口状态 为浏览器配置代理 前言 本来这次的测试是想在校园网环境下 实现无认证通过某个已认证的主机代理上网的! 可后来通过测试我发现只有主机通过校园网认证后才能访问校园网内(局域网)的主机…

mysql的字符集修改_修改MySQL字符集

1.关于MySQL字符集 MySQL的字符集支持(CharacterSet Support)有两个方面: 字符集(Characterset)和排序方式(Collation)。 MySQL对于字符集的支持细化到四个层次:服务器(server),数据库(database),数据表(table)和连接(connection)。 2.查看MySQL字符集 2.1.查看字符集的设置…

mysql 字符集设置

一、 MySQL字符集设置 (1) 系统变量: – character_set_server:默认的内部操作字符集 – character_set_client:客户端来源数据使用的字符集 – character_set_connection:连接层字符集 – characte…

mysql 所有字符集_mysql字符集

mysql字符集 字符集基础 字符集:数据库中的字符集包含两层含义 各种文字和符号的集合,包括各国家文字,标点符号,图形符号,数字等。 字符的编码方式,即二进制数据与字符的映射规则; 字符集分类: ASCII:美国信息互换标准编码;英语和其他西欧语言;单字节编码,7位(bits…

MySQL字符集设置为UTF-8,但控制台仍然出现中文乱码问题

问题描述:MySQL字符集为UTF-8,控制台显示结果的中文字符仍然会出现乱码,如何解决? 详细描述:安装MySQL的时候选择了UTF8的字符集,为了方便数据库维护,所有字符集也都设置了UTF8的字符集&#xf…

mysql服务器默认操作字符集,MySQL 字符集设置

数据库建库时默认是设置的latin1编码,查看系统的字符集和排序方式 show variables like character%; SHOW VARIABLES LIKE collation_%; SET NAMES gb2312; show variables like character%; SET NAMES x 相当于 SET character_set_client = x; SET character_set_results = x…

mysql数据库的字符集设置_mysql数据库的字符集设置

原文链接:http://blog.csdn.net/sin90lzc/article/details/7648439 作者:开浪裤 Notice:文章基于ubuntu系统而写 1.关于MySQL字符集 MySQL的字符集支持(Character Set Support)有两个方面: 字符集(Character set)和排序方式(Collation)。 MyS…

mysql中设置字符集语句_MYSQL字符集设置的方法详解(终端的字符集)

前言 每次利用终端 创建数据库或者创建表的时候,字符集都是latin1,或者进行插入值的时候,显示的是乱码(不指定字符集的时候)如下: 查看当前数据库的字符集 character_set_client:客户端请求数据的字符集 character_set_connection:客户机/服务器连接的字符集 character_s…

配置MySQL字符集教程

引 ​ MySQL 默认的字符集叫做拉丁文, 是不支持中文的. 为了能够存储中文, 就需要把字符集 改成 UTF-8 修改 MySQL 字符集的办法有很多种, 而修改 MySQL 的配置文件则是一个 一劳永逸 的办法~ 1. 先确认当前数据库的字符集 首先使用 SQL 语句 show variables like character%; …