PX、PT、EM等都是我们常用的长度单位，尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗？这里为大家找到了一个px、pt、em和percent大小转换的一个表格，尤其针对字体大小的转换十分方便。希望大家能够喜欢！
PX、PT、EM的解释：
px：pixel，像素，屏幕上显示的最小单位，用于网页设计，直观方便；
pt：point，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用；
em：即％，在css中，1em＝100％，是一个比率，结合css继承关系使用，具有灵活性。
PX和PT转换的公式：
以前icech在文章中介绍过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 |
关闭
CSS中字体单位：px、em、rem和%
对于绘图和印刷而言，“单位”相当重要，然而在网页排版里，单位也是同样具有重要性，在CSS3普及以来，更支持了一些方便好用的单位（px、em、rem…等），这篇文章将整理这些常用的CSS单位，也帮助自己未来在使用上能更加得心应手。
CSS尺寸单位
前端开发过程中，尺寸单位是我们必须用到的，下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍 在这之前，需要先对几个概念进行普及介绍
CSS单位之间的关系
像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的。其他的绝对单位如下：mm, cm, in: 毫米（Millimeters）
px是什么单位？
px是pixel的缩写，是像素单位，也是为影像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“画像元素”之意，有时亦被称为pel（picture element）
CSS单位之pt和px的区别是什么?
字体大小的设置单位，常用的有几种：px、pt、em、rem等等。那么px和pt之间有什么区别呢？下面本篇文章就来给大家介绍一下px和pt区别，希望对大家有所帮助。
html中1pt等于多少px？
在印刷排版中,point是一个绝对值,它等于1/72英寸,可以用尺子丈量的,物理的英寸。但是在css中pt含义却并非如此。因为我们的显示器被分割为了一个个的像素，单个像素只能有一种颜色，要在屏幕上显示
CSS3单位
像 px、rem、em、% 这样的长度单位大家肯定都很熟悉，前者为绝对单位，后者为相对单位。CSS3 又引入了新单位：vw、vh、vmin、vmax。下面对它们做个详细介绍。
CSS的deg是什么单位？
deg是CSS中的一个角度单位，表示度（Degress），一个圆共360度。在CSS中角度单位有：度(deg)、梯度(grad)、弧度(rad)。
css中mm单位是什么？
mm代表毫米（Millimeter），又称公厘（或公釐），是长度单位和降雨量单位。1mm相当于1m的一千分之一（此即为毫的字义）.10毫米相当于1厘米，100毫米相当于1分米，1000毫米相当于1米。
理解并使用CSS3中的单位rem vh vw vmin vmax
rem vh vw vmin vmax做为CSS3中的新单位，对CSS3的单位的使用了解是非常重要的，也许你会遇到一个问题可以通过css的这些单位得到解决，同时对于rem,vh和vw,百分比等都是我们做自适应网站常用的方法。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!