实在css中的长度单元一共有8个，别离是px，em，pt，ex，pc，in，mm，cm；px：像素（Pixel）,相对装备的长度单元，像素是相对显现器屏幕分辩率而言的。比方，WONDOWS的用户所利用的分辩率普通是96像素/英寸。而MAC的用户所利用的分辩率普通是72像素/英寸。
　　em：相对长度单元。相对以后工具内文本的字体尺寸。如以后行内文本的字体尺寸未被人为设置，则相对浏览器的默许字体尺寸。
　　ex：相对长度单元。相对字符“x”的高度。此高度凡是为字体尺寸的一半。如以后对行内文本的字体尺寸未被人为设置，则相对浏览器的默许字体尺寸。
　　pt：点（Point），相对长度单元。
　　pc：派卡（Pica），相对长度单元。相称于我国新四号铅字的尺寸。
　　in：英寸（Inch），相对长度单元。
　　mm：毫米（Millimeter），相对长度单元。
　　cm：厘米（Centimeter），相对长度单元。
　　此中：1in = 2.54cm = 25.4 mm = 72pt = 6pc ；容器的巨细咱们常经常使用px做单元，大师都没甚么贰言，字体巨细（font-size）良多国际的人（包含我）利用px做单元，实在用px做字体单元独一的致命错误谬误便是在IE下没法用浏览器字体缩放的功效。如图。或之前的按住Ctrl+转动鼠标的中心的滚轮。
　　以是多人倡议利用em，对用惯了px的人用em必定不是很便利，这里供给一些转换公式和对比表供大师参考：
　　px to em:Example: 12px / 16px = .75em
　　px to %:Example: 12px / 16px * 100 = 75%
　　px to pt:Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12ptem to px:Example: .75em * 16px = 12pxem to %:Example: .75em * 100 = 75%
　　% to px:Example: 75 * 16px / 100 = 12px
　　% to em:Example: 75 / 100 = .75em
　　pt to px:Example: 12pt * 96ppi / 72ppi = 16px