常用长度单位PX/EM/PT/百分比转换

PX、PT、EM、ex和in等都是我们常用的长度单位，尤其在网页的字体大小中经常用到。但是你知道PX 、PT和EM之间是如何进行准换的吗？这里icech为大家找到了一个px、pt、em和percent大小转换的一个 表格，尤其针对字体大小的转换十分方便。希望大家能够喜欢！

PX和PT转换的公式：

以前在文章中介绍过PX和PT的转换规则，其实很简单，pt=px乘以3/4。比如12px×3/4=9pt大小 。

PX和em转换的公式：

对于PX转em的方法也类似，就是em=16乘以px，也就是说1.5em=1.5×16=24px。

设计中常用PX/EM/PT/百分比转换表格

Pixels EMs Percent Points
6px 0.375em 37.50% 5pt
7px 0.438em 43.80% 5pt
8px 0.5em 50% 6pt
9px 0.563em 56.30% 7pt
10px 0.625em 62.50% 8pt
11px 0.688em 68.80% 8pt
12px 0.75em 75% 9pt
13px 0.813em 81.30% 10pt
14px 0.875em 87.50% 11pt
15px 0.938em 93.80% 11pt
转载请注明来源
16px 1em 100% 12pt
17px 1.063em 106.30% 13pt
18px 1.125em 112.50% 14pt
19px 1.188em 118.80% 14pt
20px 1.25em 125% 15pt
21px 1.313em 131.30% 16pt
22px 1.375em 137.50% 17pt
23px 1.438em 143.80% 17pt
24px 1.5em 150% 18pt
时间： 2024-10-03 17:59:11

常用长度单位PX/EM/PT/百分比转换的相关文章

CSS长度单位的区别 - pt,px和cm的区别

在CSS样式表中,我们经常会看到pt, px,em,ex ,in等这类长度单位.它们各是什么意思,有什么区别呢? 我又写了另外一个HTML例子,测试一下cm. 在CSS样式表中,长度单位分两种: 相对长度单位,如px, em等 绝对长度单位,如pt,mm等 也谈px和pt的区别 经常看 到有人拿px和pt比较,主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时,用什么样的CSS长度单位更加好.有人说,用pt更好,因为pt是绝对长度单位,不会因为屏幕分辨率大小,或者其它因素而

css文字大小单位px、pt、em 使用说明

老是被人问到px.pt和em的区别,自己有时候也会纠结到底该用什么单位,今天特意查了一些文章,下面这篇虽然很久远了,但解释的比较全面,转载收藏之.点击查看原文 这里引用的是Jorux的"95%的中国网站需要重写CSS"的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大.平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用.因为: 1. IE无法调整那些使用px作为单位的

px em rem 的区别

PX特点1. IE无法调整那些使用px作为单位的字体大小: 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位: 4.px像素(Pixel).相对长度单位.像素px是相对于显示器屏幕分辨率而言的. em特点 1.em的值并不是固定的: 2.em会继承父级元素的字体大小. 3.em是相对长度单位.相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸. 4.任意浏览器的默认字体高都是16px.所有未经调整的浏览器都符合:1em=1

CSS代码中px与pt的区别

pt 是个绝对单位,1 pt =1/72 英寸 一个是设备坐标,一个是逻辑坐标,两者是不同的. px是个相对单位,一般像素的参考值为:在一个像素密度是90 pdi的显示器上,正常人从距离显示器28英寸处看一个像素的视角应该不小于0.0227度.   1   px定义的在设置为大字体之后不会变:pt定义的会变 2   px是相对单位,pt是绝对单位 如果大家做网页是为了浏览而不是印刷,建议大家用 px 来定义字号,理由如下:1. 如前面 Jet 所述,px 指的是象数,象数这个概念本身就是为了显示

Android 中 px和dp 的转换

安卓开发中,布局文件中我们习惯使用dp单位,但是很多java代码的api中默认使用的是px单位(如 setPadding.setButtom.setLeft 等),这就需要我们在很多场景下进行dp和px的转换. 代码片段如下: public class DensityUtil { /** * 根据手机的分辨率从 dp 的单位 转成为 px(像素) * * @param context * @param dpValue * @return * @author SHANHY * @date 2015

PHP一些常用的正则表达式字符的一些转换_php技巧

匹配双字节字符(包括汉字在内): [^\x00-\xff]  应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)  String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}  匹配空行的正则表达式: \n[\s| ]*\r  匹配HTML标记的正则表达式: /<(.*)>.*<\/>|<(.*) \/>/  匹配首尾空格的正则表

c#常用工具类:文件和二进制转换

//================二进制相关转换类============== #region 将文件转换为二进制数组 /// <summary> /// 将文件转换为二进制数组 /// </summary> /// <param name="FilePath">文件完整路径</param> /// <returns>二进制数组</returns> public static byte[] FileToBinar

sql 自定义百分比转换小数函数代码_MsSql

复制代码 代码如下: --CAST 和 CONVERT 函数 Percentage DECLARE @dec decimal(5,3), @var varchar(10),@hun decimal(5,1) set @dec=0.025 set @hun=@dec*100 set @var=cast(@hun as varchar(20))+'%' select @var ---小数转化为百分数函数 GetPercentageString ---涂聚文 Geovin Du if exists (

sql 自定义百分比转换小数函数代码

复制代码 代码如下: --CAST 和 CONVERT 函数 Percentage DECLARE @dec decimal(5,3), @var varchar(10),@hun decimal(5,1) set @dec=0.025 set @hun=@dec*100 set @var=cast(@hun as varchar(20))+'%' select @var ---小数转化为百分数函数 GetPercentageString ---涂聚文 Geovin Du if exists (