单位px：像素em：一M的宽度（面试：一个字的宽度）rem：rootem根元素的字体大小（）vh：视图高度，viewportheight100vh===viewportheightvw:viewwidth,viewportwidth100vw===viewportwidth从上面可以看出，rem和em根本没有联系。特别注意的是浏览器默认的font-size是16px；Chrome浏览器默认的最小字体大小为12px：font-size:12px；所以一般情况下，rem的font-size最好不要小于12px；dynamicremdynamicrem其实是为了移动适配而诞生的。动态REM思想：动态rem采用整体缩放的思想。页面渲染前，使用JS获取设备宽度并设置rem，后续所有布局单元使用rem实现整体缩放。如何使用window.innerWidthdocument.write('')值得注意的是pageWidth是根据实际情况可以适当缩小（比如0.1倍），但要特别注意缩小后是否会小于浏览器规定的最小字体。在使用动态rem布局的移动页面中，可以混合使用单位，border-width等小宽度仍然使用px，因为即使使用rem，当rem小于1px时，仍然会被浏览器当做1px使用。
