CSS的px和em的区别

一、px：pixel（像素）的缩写
=》1024px就是1024像素，也就是点。
=》任意浏览器的字体默认的大小都是16px。
=》windows的一般浏览器是 1024*768，也就是水平上有1024个点，垂直有768个点。
=》利用px来设置字体大小时，比较精确，但是有缺陷，当用户在浏览器中浏览web页面时，如果改变了浏览器窗口的缩放，那么web页面布局会乱，利用em就不会存在这个问题。
二、em：emphasize(倍数)的缩写
=》em是相对长度单位。1em 就等于当前的字体尺寸，2em 则等于当前字体尺寸的两倍
=》em的值并不是固定的。使用em来设置web页面字体的大小，当浏览器缩放或者拉伸，字体会自动适应屏幕大小。
三、px和em的换算
=》1em=16px