移动端UI设计规范与技巧手册（执行版）.docx

移动端UI设计规范与技巧手册（执行版）

第1章基础布局与视口适配

1.1响应式视口单位详解

视口单位（ViewportUnit）是移动端UI设计的核心基准，它定义了屏幕内容在垂直方向上的缩放比例。在iOS上，视口单位等于屏幕高度的90%（1.0rem），而在Android上，视口单位等于屏幕高度的100%（1.0rem）。这一差异源于iOS为节省电池电量采用了屏幕高度的90%作为有效显示区域，而Android则使用全屏高度。设计师必须首先明确当前设备的系统版本，才能正确计算视口高度，避免布局在iOS上被拉伸、在Android上被压缩。视口单位与