谈谈你是如何做移动端适配的？

屏幕尺寸和像素密度等信息，动态设置样式属性。

媒体查询（Media Queries）：

使用 CSS3 中的媒体查询功能，根据不同的屏幕尺寸和设备特性，编写不同的样式规则。通过针对不同屏幕宽度应用不同的 CSS 样式，实现移动端的适配。

视口设置（Viewport）：

通过设置 标签中的 viewport 属性，指定网页在移动设备上的显示方式。可以通过设置 width、initial-scale 和 maximum-scale 等属性来控制页面的缩放和布局。

弹性布局（Flexbox）：

使用 CSS 的 Flexbox 布局，可以更加方便地实现移动端的自适应布局。通过设置容器的 display: flex，子项的 flex 属性以及其他相关属性，可以轻松实现元素的伸缩和排列。

REM 单位：

使用 REM（Root EM）单位来进行移动端适配。通过将页面的根元素字体大小设置为相对于屏幕宽度的比例，并使用 REM 单位来定义其他元素的尺寸，实现页面的等比缩放。

CSS 框架：

使用已有的移动端 CSS 框架，如Bootstrap、Ant Design Mobile等，这些框架已经内置了移动端的适配方案和组件，可以快速搭建移动端页面。

JavaScript 库：

使用 JavaScript 库，如淘宝的 flexible.js、Viewport Units Buggyfill 等，通过动态计算和调整样式来实现移动端适配。这些库能够根据