>[danger]PC端和移动端项目CSS的适配区别 1. **像素单位的使用**：在 PC 端开发中，通常使用像素（px）作为单位，因为 PC 设备屏幕分辨率相对固定，可以更精确地控制元素尺寸。而在**移动端**开发中，通常使用设备独立像素（dp/dip）或视口单位（vw/vh）等相对单位，因为移动设备屏幕尺寸多样，需要进行自适应布局，保证在不同设备上的显示效果一致。 2. **视口设置**: 在 PC 端开发中，页面通常以固定宽度展示，而在**移动端**开发中，需要设置视口的宽度等于设备宽度，以确保页面可以自适应不同尺寸的屏幕。可以使用以下代码设置视口： ```html <meta name="viewport" content="width=device-width, initial-scale=1"> ``` 3. **Flexbox 布局**：在**移动端**开发中，Flexbox 布局可以更方便地实现页面的自适应布局。通过设置 `display: flex` 和相关属性来控制子元素的排列，使其在不同设备上的显示效果一致。 4. **字号和行高**：在**移动端**开发中，通常需要将字号和行高设置为相对单位（如 em、rem），以便根据视口调整页面布局和字体大小。