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的deg是什么单位？
deg是CSS中的一个角度单位，表示度（Degress），一个圆共360度。在CSS中角度单位有：度(deg)、梯度(grad)、弧度(rad)。
CSS尺寸单位
前端开发过程中，尺寸单位是我们必须用到的，下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍 在这之前，需要先对几个概念进行普及介绍
CSS中字体单位：px、em、rem和%
对于绘图和印刷而言，“单位”相当重要，然而在网页排版里，单位也是同样具有重要性，在CSS3普及以来，更支持了一些方便好用的单位（px、em、rem…等），这篇文章将整理这些常用的CSS单位，也帮助自己未来在使用上能更加得心应手。
被误解的 em 单位
em 单位往往被认为是相对于父元素的 font-size 大小来进行计算的。例如一个元素的父元素设置了如下的 font-size:而其中的 div 设置了 font-size 设置了 1.5em :那么 div 元素的 font-size = 20 * 1.5 = 30px.
CSS单位之间的关系
像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的。其他的绝对单位如下：mm, cm, in: 毫米（Millimeters）
css中mm单位是什么？
mm代表毫米（Millimeter），又称公厘（或公釐），是长度单位和降雨量单位。1mm相当于1m的一千分之一（此即为毫的字义）.10毫米相当于1厘米，100毫米相当于1分米，1000毫米相当于1米。
CSS单位之pt和px的区别是什么?
字体大小的设置单位，常用的有几种：px、pt、em、rem等等。那么px和pt之间有什么区别呢？下面本篇文章就来给大家介绍一下px和pt区别，希望对大家有所帮助。
CSS角度单位：deg、grad、rad、turn
度（Degress）。一个圆共360度；梯度（Gradians）。一个圆共400梯度；弧度（Radians）。一个圆共2π弧度；转、圈（Turns）。一个圆共1圈
px是什么单位？
px是pixel的缩写，是像素单位，也是为影像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“画像元素”之意，有时亦被称为pel（picture element）
前端程序员需要知道的7种新型的CSS长度单位
众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!