如何合理配置html的font-size？

Question

要实现一个响应式，静态页面说来也简单，但是设计稿给我发过来只有一张1920的设计稿，我打算用rem。并且页面最宽就是1920。我该怎么划分媒体查询的边界呢？然后每个区间的font-size设置成多少可以匹配设计稿？

Answer 1

使用的时候按照1920的设计稿来做。100px=1rem
                            

Answer 2

setRemFontSize()varremSize=window.innerWidth/19.2;
document.querySelector("html").style.fontSize=remSize+"px";
}
setRemFontSize();
window.addEventListener("resize",function(){
setTimeout(function(){
setRemFontSize();
},200)