Layout 布局
栅格与布局是界面设计中的基础规范之一，
MEXC Design 遵循安全、信赖、持续进步与创新的设计价值观，此文档旨在规范化App端产品的布局设计，确保视觉和功能一致性，同时提供清晰的指南供设计师和开发者参考。
布局类型
Defalut Grid 常规页面栅格
Menu Grid 侧边栏页面栅格
布局参数及使用方法
设计稿 宽*高 尺寸为：
PC - 1440*900px
iPad - 768*1024px
H5 - 390*844px
Web端响应式断点一般分别为：
PC - 屏幕宽度≥1024或1248或1440
iPad - 768≤屏幕宽度＜1024
H5 - 屏幕宽度＜768
App栅格与H5栅格一致
使用方法：
Figma属性栏右侧布局网格，添加 Foundation Library 4.0（Beta）的Grid组件Token
注意示例
模块必须在栅格的列上，不能出现在水槽里。
推荐
禁止
当需要兼顾带鱼屏等超宽屏幕时，对于包含左侧导航的网页，可以考虑采用内容区域自适应的方式，以避免左侧导航与内容区域间的距离过大
推荐
禁止
特殊响应式说明
Filter-筛选功能 响应式处理方式：Web-PC为多个选择器组合，iPad侧边栏，H5底部弹窗
