关于rem vw vh 在移动适配项目,实战用法

Question

之前用rem做过混合开发,大致了解rem

 (function(){
    var html = document.documentElement;
    var deviceWidth = html.getBoundingClientRect().width;
    console.log(html.getBoundingClientRect().width)
    html.style.fontSize = deviceWidth/7.5 + "px";
 })()

感觉现在项目都会用vw vh 配合rem开发
想知道是怎么结合的 一般在那些页面或者初始化时用vw vh呢
基础大概知道的情况下,希望各位大神帮忙梳理下~