em布局网页内容
设备像素是设备屏幕的物理像素，任何设备的物理像素的数量是固定的
设备像素比
设备像素个数和理想视口的比，称为设备像素比（device Pixel Ratio，简称DPR）
DPI
用像素的数量除以屏幕的以英寸为单位的宽度可以得到你的设备每英寸的点数（简称DPI）
使用相对长度单位em布局网页内容
em是描述相对于当前对象内文本的字体尺寸，它是相对长度单位。
一般浏览器字体大小默认为16px
相对单位em的特性
em的值并不是固定的
em会继承父级元素的字体大小（相对父级的字体大小而发生变化）
实际应用中每次都这样去乘以父级的大小也是很麻烦的，有什么方法可以简化？
如果1em等于10px，那计算起来就方便了
