rem、rm、px、vw之间的相互转换
1、后来就换成 1rem=100px(设计稿) ，也就是 750px=5rem 。
2、px： 绝对字体大小 em： 基于一个基数来计算出相对字体大小。(移动端用的少) rem： 基于根节点（html）的字体大小来计算。 vw： 可视区宽度单位。1vw等于可视区宽度的百分之一。
3、注： 用在屏幕浏览（屏幕效果）时，pt和px都会随屏幕分辨率的变化而变化。用在打印（打印效果）时，使用pt在不同的屏幕分辨率或不同的DPI精度时显示大小一样，只是DPI精度越高的越清晰。
4、名字全称是POSTCSS插件。一款 PostCSS 插件，将 px 转换成 vw 和 rem。该插件主要结合了 postcss-pxtorem 和 postcss-px-to-viewport 的功能，精简了不常用的配置。默认将 vw 作为优先单位使用，以 rem 作为回退模式。
5、rem rem是参考根级字体大小来换算的。 vh和vw vh和vw都是根据视见区（view port）的百分比来计算的。
6、rem：移动端布局，根据根节点字体大小，具体可参考淘宝移动端解决法案，根据设备dpr；em：类似rem，不过是根据父节点字体大小 vw，vh ：viewport height和viewport width。1vw就是viewport width的1%。
rem计算方式是怎么样的?
1、这就使rem值变为 16px*65%=10px， 这样12px=2rem， 10px=1rem， 也就是说只需要将你的原来的px数值除以10，然后换上rem作为单位就行了。
2、XXXpx}.假设页面宽750px，html{font-size：100px}，即100px=1rem。
3、rem：相对于html根元素的字体大小（font-size）来计算的长度单位，可以设置，默认16px em：所有现代浏览器下，默认字体尺寸都是16px。这时，1em = 16px。em会继承父级尺寸，也是相对单位。
4、由上可见，em的值并不是固定的，它的值跟其父级元素的字体大小紧密相关。 示例：rem是CSS3新增的一个相对单位（root em，根em），这个单位与em有什么区别呢？目前除IE8及更早版本外，所有浏览器均已支持rem。
CSS3中的rem、em与px间的换算关系
rem也是相对的文字尺寸，和em使用方法接近，不同的是他仅相对于root层级的文字大小(网页中的html)。以这个范例来说，此网站的文字大小是16px，rem的尺寸就是以16px为基准，故下方的1rem会与16px相同尺寸。
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合： 1em=16px。那么12px=0.75em，10px=0.625em。
em：所有现代浏览器下，默认字体尺寸都是16px。这时，1em = 16px。em会继承父级尺寸，也是相对单位。vw px rem之间的换算 我们假设psd的设计稿是以1920px为标准的。
通常1em=16px（一般浏览器默认的字体大小为16px）。 注：当用于指定字体大小时，em单位是指父元素的字体大小 百分与“em”类似，1em=100%。当前的字体大小等于100%，字体大小也是受父类影响。
彻底弄懂css中单位px和em,rem的区别
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
px像素，相对长度单位。像素px是相对显示器屏幕分辨率而言的。用于元素的边框或者定位。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置，则相对浏览器的默认字体尺寸。
EM就是根据基准来缩放字体的大小。EM实质是一个相对值，而非具体的数值。这种技术需要一个参考点，一般都是以body的“font-size”为基准。
rem也是相对的文字尺寸，和em使用方法接近，不同的是他仅相对于root层级的文字大小(网页中的html)。以这个范例来说，此网站的文字大小是16px，rem的尺寸就是以16px为基准，故下方的1rem会与16px相同尺寸。
② em的值不是固定的；③ em会继承父级元素的字体大小；根据以上特点我们知道em单位转换为像素值，大小取决于自身父级元素所设置的px值大小。父级元素字体大小乘以em的值。
px、vh、vw、rem
1、像素单位从小到大px、rpx、em、rem、vm、vh、vw。计算机屏幕上所能显示的最小单位。用来表示图像的单位。在非学术性媒体中，亦通俗作象素。
2、常用的布局单位包括像素（ px ），百分比（ % ）， em ， rem ， vw/vh 。
3、px 与 rem 的区别：CSS3 特性 vh 和 vw：这里是视窗指的是浏览器内部的可视区域大小，即 window.innerWidth/window.innerHeight 大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
4、vw px rem em到底是什么 vw/vh：就是相对视口宽度或者高度，100vw 等于整个屏幕宽度 100vh等于整个屏幕高度。1vw = 1% * 视口宽度。意思是一个视口就是100vw。
5、px就是pixel（像素）的缩写，绝对单位，相对长度单位，相对于屏幕分辨率。em是相对单位 ，参考物是 父元素 的font-size，具有继承的特点。浏览器默认字体是16px，整个页面内1em不是一个固定的值。
6、rem是参考根级字体大小来换算的。 vh和vw vh和vw都是根据视见区（view port）的百分比来计算的。
rem与px换算
那么12px=0.75rem，10px=0.625rem。
rem与px的换算 1rem=16px， 12px=0.75rem 如果将rem换算后html{font-size：65%}，1rem=10px.首先，rem是以html为基准。一般的，各大主流浏览器的font-size默认值为16px，此时1rem=16px。
rem等于html根元素设定的font-size的px值，假如我们在css里面设定下面的css。
vw px rem之间的换算 我们假设psd的设计稿是以1920px为标准的。
可以多写一个绝对单位的声明。如此浏览器会忽略rem设定的字体大小。
我一般会将设计稿缩小至宽度为320px（切图标时，还是按照原图来切）。在上一步中，1rem为1/10屏幕宽度。因此，px与rem的转化为1px=1/320*10rem。
