字体大小的设置单位，常用的有几种：px、pt、em、rem等等。那么px和pt之间有什么区别呢？下面本篇文章就来给大家介绍一下px和pt区别，希望对大家有所帮助。
pt 和 px 有什么区别？
pt 全称为 point，是印刷行业常用单位，等于1/72英寸。所以它是一个自然界标准的长度单位，也称为“绝对长度”。它跟我们所熟悉的公分、公尺一样，可以明确的指出1pt的长度是多少。
px就是表示pixel，像素，是屏幕上显示数据的最基本的点。
px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，“点”的大小是会“变”的，也称为“相对长度”。
因此就有这样的说法，pixel 是相对大小，而 point 是绝对大小。而 pt 和 px 的使用区别，只有当用户改变默认的 96DPI 下才会产生：使用 px 定义文字，无论用户怎么设置，都不会改变大小；使用 pt 定义文字，当用户设置超过 96DPI 的值，数值越大，字体就越大。
pt 和 px 如何转换?
pt 和 px 的转换规则其实很简单，转换公式为：pt=px 乘以 3/4。比如 1024px×3/4=768pt 大小。
理解并使用CSS3中的单位rem vh vw vmin vmax
rem vh vw vmin vmax做为CSS3中的新单位，对CSS3的单位的使用了解是非常重要的，也许你会遇到一个问题可以通过css的这些单位得到解决，同时对于rem,vh和vw,百分比等都是我们做自适应网站常用的方法。
常用长度单位PX/EM/PT/百分比转换公式与对照表
PX、PT、EM、ex和in等都是我们常用的长度单位，尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗？这里为大家找到了一个px、pt、em和percent大小转换的一个表格
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尺寸单位
前端开发过程中，尺寸单位是我们必须用到的，下面我们对css中常见的几种尺寸单位px,em,rem,rpx进行逐一介绍 在这之前，需要先对几个概念进行普及介绍
CSS角度单位：deg、grad、rad、turn
度（Degress）。一个圆共360度；梯度（Gradians）。一个圆共400梯度；弧度（Radians）。一个圆共2π弧度；转、圈（Turns）。一个圆共1圈
CSS3单位
像 px、rem、em、% 这样的长度单位大家肯定都很熟悉，前者为绝对单位，后者为相对单位。CSS3 又引入了新单位：vw、vh、vmin、vmax。下面对它们做个详细介绍。
高清屏下canvas重置尺寸引发的问题
我们知道，清空canvas画布内容有以下两个方法。 第一种方法是cearRect函数：二种方法就是用原值重新设置一下canvas的宽（或者高）第二种方法可以起作用，是因为canvas的一个特点:
CSS单位之间的关系
像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的。其他的绝对单位如下：mm, cm, in: 毫米（Millimeters）
css 角度单位有哪些？
CSS角度单位有：deg、grad、rad、turn；下面本篇文章给大家介绍一下这些CSS角度单位。度（Degress）。一个圆共360度；梯度（Gradians）。一个圆共400梯度；弧度（Radians）。一个圆共2π弧度；转、圈（Turns）。一个圆共1圈
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!