大方向来说，移动端适配的方式分为 3 种：

1. 媒体查询 @media
2. rem 布局
3. viewport

珠玉在前，笔者整理了一些这方面的文章，留待日后查阅。

风逝的2022 年移动端适配方案指南 — 全网最新最全写得很全面。

还有大漠产出的两篇：

1. 使用Flexible实现手淘H5页面的终端适配之 lib-flexible
2. 再聊移动端页面的适配之 viewport

TIP

大漠的两篇文章在 w3cplus 是付费的，如果读者觉得有门槛，可以全网搜一下免费版本。当然也可以支持一下，请喝一杯咖啡。