Webpack如何实现移动端适配方案概述？

本文共计1085个文字，预计阅读时间需要5分钟。

目录 + rem + vw + 适配第三方UI框架 + 结尾 + 在移动端开发过程中，一个常见问题就是适配不同屏幕宽度的挑战。目前比较常见的适配方案有rem和vw，它们都是CSS中的相对单位。W3C对rem的定义是这样的：

目录

• rem
• vw
• 适配第三方UI框架
• 结语

在移动端开发的过程中，一个最常见的问题就是适配不同的屏幕宽度。目前比较常见的适配方案有rem和vw，它们都是css中的相对单位。

rem

W3C对rem的定义是 font-size of the root element，它是一个只相对于浏览器的根元素（HTML元素）的font-size的来确定的单位，也就是说对于不同宽度的机型，我们只需要计算出对应的根元素的字体大小，用同样的css代码可以实现等比适配。