序言
长度单位可以总体的分为绝对长度单位和相对长度单位。CSS中最为大家熟知的无疑是px和em，但与此同时还存在pt, rem, vw, vh等其他计量单位，使用好它们可以大大增长我们的开发效率。本篇文章试图整理在前端开发中用到的CSS单位和其应用场景。
px——像素
px是pixel缩写，是基于像素的单位。在浏览网页过程中，屏幕上的文字、图片等会随屏幕的分辨率变化而变化，一个100px宽度大小的图片，在800×600分辨率下，要占屏幕宽度的1/8，但在1024×768下，则只占约1/10。所以如果在定义字体大小时，使用px作为单位，那一旦用户改变显示器分辨率从800到1024，用户实际看到的文字就要变“小”（自然长度单位），甚至会看不清，影响浏览。
pt——磅
pt就是point，是印刷行业常用单位，等于1/72英寸。pt全称为point，但中文不叫“点”，确切的说法是一个专用的印刷单位“磅”，大小为1/72英寸，是一个绝对长度单位。
em——相对父元素
em单位是指其正在使用的字体大小。在一个页面上给定一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小.它可以自由缩放,比如用来制作可伸缩的样式表。
此处有一个关于【继承】的点需要注意：使用em设定宽高行高等属性的元素，其子元素继承的并不是em，而是其计算之后的值，这一点与使用百分号相同。而不添加单位，其子元素则继承的是百分比，子元素会根据其自身的字号计算得出对应属性值。具体看下面例子：
父元素内容
Web前端开发
查看更多关于CSS长度单位详解_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110302