简介

基本介绍

rem-fit 是一个基础的基于 rem 进行 web 页面适配的轻量级 JS 插件，尤其是在移动端，使用 rem-fit 可以做到完全百分百还原设计稿

基本理念

rem-fit 将整个屏幕宽度划分为若干份，每一份代表 1rem 的宽度，无论实际 px 是多少的屏幕，只要划分成若干份，每一份都是固定的 rem 数值，因此整个屏幕的 rem 宽度也是固定的，这就为我们后面开发做好了铺垫

假设屏幕宽度划为 8 份，那么屏幕的宽度即 8rem，在 800px 宽度的屏幕下，1rem=100px，在 400px 的屏幕下，1rem=50px

结合 resize

如果屏幕宽度是可以改变的，我们需要结合 window 的 resize 事件，每当触发 resize 事件时，需要重新设置整个屏幕的宽度份数