rem如何换算？

Question

代码如下，使用css动态设置根节点的font-size值。

html{
    font-size:100vw/7.5；
}

我的疑问是我的设计稿是750px的，那么换算出来的1rem是多少？看到大家说的是换算出来应该是1rem = 100px，我不太理解为什么。
我的理解是100vw对应的是设备的独立像素，所以应该是375px，那么除以7.5就应该是50px，所以换算出来应该是1rem = 50px，这样计算有什么问题么？

突然想到另外一种理解方法，是不是这样子的，如果按照1rem = 100px进行换算的话，是不是在写css的时候直接把设计稿中的像素值除以100就可以了，不用再除以2？

Answer 1

rem应该只跟你的根节点font-size有关，即根节点的font-size为18px时，则1rem=18px;
vw是根据你视口大小动态调整的值，100vw即为100%视口宽度，在桌面端，视口应该指的是浏览器的可视区域;

你的代码例子中，当前页面宽度为320px时，1rem应该等于320/7.5=42.6667px

大家说的1rem=100px是因为一般都会将根节点的font-size设置为100px,这样可以方便换算,比如要设置18px的字体大小，直接设置为0.18rem就可以了

理解浅薄，希望能帮到你，另外望众大神轻拍