原创力文档- 4
- 0
- 约2.83万字
- 约 39页
- 2026-06-21 发布于江西
- 举报
移动应用用户界面设计规范
第1章全局布局与导航架构
1.1主屏幕网格系统
1.1.1网格系统采用基于CSSGrid的响应式布局策略，默认将主屏幕划分为4列或6列，确保内容在不同屏幕尺寸下自动适配。在iPhone12系列及以上设备上，系统自动将4列调整为3列，并在iPad上扩展为6列，无需手动干预代码即可实现。
设计师需定义“主内容区”和“辅助内容区”的固定宽度，主内容区高度为40%，辅助区高度为60%，利用`minmax`属性保证长文本不会撑破屏幕。使用`aspect-ratio:16/9`强制保持视频或图片内容的比例不变
文档评论（0）