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

Question

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

Answer 1

functionsetRemFontSize(){varremSize=window.innerWidth/19.2;document.querySelector("html").style.fontSize=remSize+"px";}setRemFontSize();window.addEventListener("resize",function(){setTimeout(function(){setRemFontSize();},200)});使用的时候按照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)