>[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），以便根據視口調整頁面布局和字體大小。