你是如何做屏幕适配的？

• 1·通过Media Queries 媒体查询，通过查询设备的宽度来执行不同的 css 代码
• 2·使用弹性布局
• 3·根据屏幕宽度设置 rem ，需要适配的元素都使用 rem 为单位
• 4.vw,vh适配

在前端开发中，实现屏幕适配主要有以下几种方法：

1. 响应式布局（Responsive Layout）：使用CSS媒体查询（@media）来根据不同的屏幕尺寸和设备类型，动态调整页面布局和元素大小。可以使用百分比、弹性布局（Flexbox）或栅格系统（Grid）等技术来实现响应式布局。

2. 流式布局（Fluid Layout）：使用百分比来定义元素的宽度和高度，使其能够根据屏幕大小自动调整。这样可以确保页面在不同屏幕尺寸下的显示效果基本一致。

3. 视口（Viewport）设置：在HTML文档的头部添加视口元标签（），通过设置视口的宽度和缩放比例，使页面能够在移动设备上正确显示。

4. CSS单位选择：使用相对单位（如百分比、em、rem等）来定义元素的尺寸，相对于父元素或根元素的大小进行计算，从而实现屏幕适配。

5. 图片适配：使用CSS的max-width属性或者媒体查询来根据屏幕尺寸选择合适的图片大小，避免加载过大的图片，提高页面加载速度。

6. 使用CSS预处理器：如Sass、Less等，可以使用变量、混合宏等功能来简化屏幕适配的代码编写，提高开发效率。

以上方法可以根据项目的需求和设计要求进行选择和组合使用，以实现在不同屏幕尺寸下的良好显示效果和用户体验。