前端开发中常见单位

在css中，长度单位有很多，包括px、em、vw、vh、%、rem、pt、ex、pc、in、mm、cm等等。

当然最常用的也就px,em,%,rem,vw,vh这些。

一般情况下，不考虑移动端适配的问题，都是用px，因为px是绝对单位，开发时候能够看到的大小和用户看到的大小是一样的，另一方面，设计方面所做的效果图一般也是以px为单位，因此，只需要做pc端一般都是以px作为长度单位。

em很早以前就出现了，它代表的是父元素的font-size大小，但是在实际开发中很少使用，当然也有一些很有用的地方,比如在中文中，一般格式都是首行空两个汉字，所以一般都是设置css样式text-indent: 2em;；这样就完美解决了中文段落的格式问题。

rem名字同em相似，它所代表的意思也同其类似，不同的是rem代表的是根元素html的font-size大小，也正是因为这个不同，使其在适配移动端的开发中很常见，因为可以通过直接改变根元素的font-size来控制页面元素的大小，这样就解决了移动端显示的大小问题。

%在开发中也很常见，它代表的是相对于父元素的宽度，当然也有一些特殊的例子，padding和margin中的%都是相对于父元素的width，因此，在实际开发中全部使用%也存在一些很麻烦的问题。

vw和vh都是css3中出的单位，vw和vh即view width和view height，就是指窗口可视区的宽度和高度，自适应大小的正方形就可以用这个单位来制作。