iOS字体像素与磅的对应关系

注意:低于iOS10的系统,显示的字宽和字高比高于iOS10的系统小。
这就是iOS10系统发布时,很多app显示的内容后面出现…,因而出现很多app为了适配iOS10系统而重新发布新版本。
用PS设计的iOS效果图中,字体是以像素(px)为单位的,iOS App开发中字体以磅(pt)为单位,它们的转换关系为:pt = (px / 96) * 72。

中文字号VS英文字号(磅)VS像素值的对应关系:
八号=5磅(5pt) ==(5/72)96=6.67 =6px(像素)
七号=5.5磅 ==(5.5/72)96=7.3 =7px(像素)
小六=6.5磅 ==(6.5/72)96=8.67 =8px(像素)
六号=7.5磅 ==(7.5/72)96=10px(像素)
小五=9磅 ==(9/72)96=12px(像素)
五号=10.5磅 ==(10.5/72)96=14px(像素)
小四=12磅 ==(12/72)96=16px(像素)
四号=14磅 ==(14/72)96=18.67 =18px(像素)
小三=15磅 ==(15/72)96=20px(像素)
三号=16磅 ==(16/72)96=21.3 =21px(像素)
小二=18磅 ==(18/72)96=24px(像素)
二号=22磅 ==(22/72)96=29.3 =29px(像素)
小一=24磅 ==(24/72)96=32px(像素)
一号=26磅 ==(26/72)96=34.67 =34px(像素)

30px转成磅为单位=22磅=二号
pt=(px/96)72
=(30/96)72
=22.5磅

字号“数值”越大,字就越小。 浏览器
请添加图片描述

pt即point,就是指英文中的"磅",px即pixel,就是像素。

字体的磅值大小是指从字母笔划的最顶到字母笔划的最底端

我国的活字采用以号数制为主、点数制为辅的混合制来计量。

点数制:又叫作磅数制(英文point的英译,缩写为P或PT),既不是公制,也不是英制,是印刷中专用的尺度,是欧美各国用来计算拉丁字母(西文字母)活字大小的标准的制度。因各字母的字身宽度不,其点数只能按长度来计算。我国大都使用英美点数制。

1点即1磅=0.35146毫米,1英寸=72磅=25.3毫米。。。。。。28磅大约为1cm,也就是28号字为1厘米大小。

号数制:我国用来计算汉字铅活字大小的标准的制度。以互不成倍数的几种活字为标准,加倍或减半自称体系。字号的大小能够分为四个序列:

四号序列(一号、四号、小六号);

五号序列(初号、二号、五号、七号);

小五号序列(小初号、小二号、小五号、八号);

六号序列(三号、六号)。

其中:四号为一号的一半,小六号为四号的一半;二号为初号的一半,五号为二号的一半,七号为五号的一半;小二号为小初的一半,小五号为小二号的一半,八号为小五号的一半;六号为三号的一半。一般书籍上正文多用五号字,也称老五号字。

in英寸:inch

mm毫米:millimeter

pt点:point

px像素:pixel

pc皮卡:pica(1皮卡=12点)

1英寸=72磅,那么1磅=1/72英寸,9磅=9*1/72=1/8 inch

DPI是一个比较常见的东西,在操做系统和浏览器中,在扫描仪、打印机、数码相机中都会见到。

DPI(dots per inch)原来专门指印刷中的计量单位,表示每英寸能印刷的网点数或线数,用来衡量打印机的打印精度,指输出分辨率。

PPI(pixels per inch)指图像分辨率,在图像中,每英寸能显示的像素数目。具体说是电脑操做系统和浏览器中经常使用的单位,但后来与DPI混用了。

因此,具体说,打印工具中的DPI与电子产品的屏幕分辨率DPI,是不一样的。

不管在哪一个操做系统和firefox浏览器中,默认的DPI都是96,96*1/8=12px

关于像素和磅,咱们来换算一下,在小字体的时候,分辨率是96DPI,也就是说每英寸能显示96个像素,标准说是96磅,9磅就是961/8=12像素,咱们常见的就是这种12X12点阵的字体了。在大字体的时候,分辨率是120DPI,1201/8=15,也就是说,在大字体时,9磅就是15X15点阵的字体。

苹果iphone,号称手机屏幕分辨率最高,其中3.5英寸的显示屏分辨率为960*640,分辨率就是330PPI

其实计算方法很简单,用长跟高的像素数计算出对角方向的像素数(直角三角形,计算方法就不用多说了),而后再用对角的像素数除以屏幕尺寸就是ppi了

因此分辨率就是330PPI

当图片尺寸以像素为单位时,每一厘米等于28像素,好比1515厘米长度的图片,等于420420像素的长度。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/90454.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

添加vue devtools扩展工具+添加后F12不显示Vue图标

前言:在开启Vue学习之旅时,遇到问题两个问题,第一添加不上vue devtools扩展工具,第二添加完成后,F12不显示Vue图标。查阅了很多博客,自己解决了问题,故写此博客记录。如果你遇到和我一样的问题&…

在 Linux 虚拟机上使用 Azure 自定义脚本扩展版本

参考 azure创建虚拟机,创建虚拟机注意入站端口规则开放80端口、 2.转到资源,点击扩展应用程序,创建存储账户,创建容器,上传文件,选择文件,会自动执行部署。 apt-get update -y && apt-get insta…

计算机网络-物理层(二)- 传输方式

计算机网络-物理层(二)- 传输方式 串型传输与并行传输 串行传输:是指数据是一个比特一个比特依次发送的,因此在发送端和接收端之间,只需要一条数据传输线路即可 并行传输:是指一次发送n个比特而不是一个比特,因此发送…

计算机网络-物理层(一)物理层的概念与传输媒体

计算机网络-物理层(一)物理层的概念与传输媒体 物理层相关概念 物理层的作用用来解决在各种传输媒体上传输比特0和1的问题,进而为数据链路层提供透明(看不见)传输比特流的服务物理层为数据链路层屏蔽了各种传输媒体的差异,使数据…

django boostrap html实现可拖拽的左右布局,鼠标拖动调整左右布局的大小或占比

一、实现的效果 最近需要在Django项目中,实现一个左右布局的html页面,页面框架使用的是boostrap。但这个布局不是简单的左右分栏布局,而是需要实现可以通过鼠标拖拽的方式动态调整左右两侧布局的大小和占比。效果大致如下: 一开始,页面分为左右两块布局: 鼠标放到中间的…

Python第三方库 - Pandas库

文章目录 1. Pandas介绍2. Pandas基础2.1 引入2.2 数据结构2.2.1 Series2.3 DataFrame2.3.1 概念 3 Pandas - CSV 文件3.1 语法3.2 遇到的问题 4 Pandas - JSON4.1 语法 参考文档 1. Pandas介绍 概念: Pandas 是 Python 的核心数据分析支持库,提供了快速、灵活、明…

Tomcat日志中文乱码

修改安装目录下的日志配置 D:\ProgramFiles\apache-tomcat-9.0.78\conf\logging.properties java.util.logging.ConsoleHandler.encoding GBK

Spring Security6 最新版配置该怎么写,该如何实现动态权限管理

Spring Security 在最近几个版本中配置的写法都有一些变化,很多常见的方法都废弃了,并且将在未来的 Spring Security7 中移除,因此又补充了一些新的内容,重新发一下,供各位使用 Spring Security 的小伙伴们参考。 接下…

若依框架浅浅介绍

由若依官网所给介绍可知 1、文件结构介绍 在ruoyi-admin的pom.xml文件中引入了ruoyi-framework、ruoyi-quartz和ruoyi-generatior模块,在ruoyi-framework的pom.xml文件中引入了ruoyi-system模块。 2、技术栈介绍 前端:Vue、Element UI后端&#xff1a…

面试热题(缺失的第一个正数)

给你一个未排序的整数数组 nums ,请你找出其中没有出现的最小的正整数。 请你实现时间复杂度为 O(n) 并且只使用常数级别额外空间的解决方案。 输入:nums [1,2,0] 输出:3 尝试的路途是痛苦的,不断的尝试新方法,错何尝…

flask-----初始项目架构

1.初始的项目目录 -apps 包 ------存放app -user文件夹 -------就是一个app -models.py --------存放表模型 -views.py -------存放主代码 -ext包 -init.py -------实例化db对象 -manage.py -----运行项目的入口 -setting.py -----配置文件 2.各文件内容 manage…

vue里搜索框实现防抖功能

进来调用一个闭包函数debounce(),赋值给一个变量debounceFunc,(包闭的功能就是说里面的变量timer和参数一直驻留在函数里面) input事件调用一个函数debounceFunc(),并且传一个回调searchs函数&a…

创建maven的Springboot项目出现错误:Cannot access alimaven

创建maven的Springboot项目出现错误:Cannot access alimaven 1)问题2) 分析问题3)解决问题 1)问题 创建maven的Springboot项目出现错误: Cannot access alimaven (http://maven.aliyun.com/nexus/content/groups/p…

【Spring】深入探索 Spring AOP:概念、使用与实现原理解析

文章目录 前言一、初识 Spring AOP1.1 什么是 AOP1.2 什么是 Spring AOP 二、AOP 的核心概念2.1 切面(Aspect)2.2 切点(Pointcut)2.3 通知(Advice)2.4 连接点(Join Point) 三、Sprin…

【Linux进程篇】环境变量

【Linux进程篇】环境变量 目录 【Linux进程篇】环境变量基本概念常见环境变量查看环境变量方法测试PATH测试HOME测试SHELL和环境变量相关的命令环境变量的组织方式通过代码如何获取环境变量命令行参数命令行第三个参数通过第三方变量environ获取 本地变量通过系统调用获取或设置…

[HDLBits] Exams/m2014 q4b

Implement the following circuit: module top_module (input clk,input d, input ar, // asynchronous resetoutput q);always(posedge clk or posedge ar) beginif(ar)q<1b0;elseq<d;end endmodule

组合模式(C++)

定义 将对象组合成树形结构以表示部分-整体’的层次结构。Composite使得用户对单个对象和组合对象的使用具有一致性(稳定)。 应用场景 在软件在某些情况下&#xff0c;客户代码过多地依赖于对象容器复杂的内部实现结构&#xff0c;对象容器内部实现结构(而非抽象接口)的变化…

虹科干货 | 化身向量数据库的Redis Enterprise——快速、准确、高效的非结构化数据解决方案!

用户期望在他们遇到的每一个应用程序和网站都有搜索功能。然而&#xff0c;超过80%的商业数据是非结构化的&#xff0c;以文本、图像、音频、视频或其他格式存储。Redis Enterprise如何实现矢量相似性搜索呢&#xff1f;答案是&#xff0c;将AI驱动的搜索功能集成到Redis Enter…

项目难点:解决IOS调用起软键盘之后页面样式布局错乱问题

需求背景 &#xff1a; 开发了一个问卷系统重构项目&#xff0c;刚开始开发的为 PC 端&#xff0c;其中最头疼的一点无非就是 IE 浏览器的兼容适配性问题&#xff1b; 再之后项目经理要求开发移动端&#xff0c;简单的说就是写 H5 页面&#xff0c;到时候会内嵌在 App 应用或办…

[数据分析与可视化] Python绘制数据地图5-MovingPandas绘图实例

MovingPandas是一个基于Python和GeoPandas的开源地理时空数据处理库&#xff0c;用于处理移动物体的轨迹数据。关于MovingPandas的使用见文章&#xff1a;MovingPandas入门指北&#xff0c;本文主要介绍三个MovingPandas的绘图实例。 MovingPandas官方仓库地址为&#xff1a;mo…