断点规格参考

本页是网页端断点的规格参考，列出网页端断点宽度、继承规则、可复写配置和隐藏组件规则。微信小程序和 App 是独立客户端，不参与网页端断点继承。断点设计思路见布局系统，基础搭建入口见页面与组件基础操作。

内置断点宽度

断点名称	宽度范围	说明
桌面	1280px – 1920px	网页端主断点。优先在此完成页面结构、布局和基础样式。
平板	768px – 1279px	网页端断点。继承桌面断点配置，可按需复写位置、尺寸、布局和样式。
手机	0px – 767px	网页端断点。继承桌面断点配置，可按需复写小屏布局和样式。

规则	说明
适用范围	断点继承仅适用于网页端
主断点	网页端固定为桌面，不可更改
继承关系	平板和手机都直接继承桌面；平板与手机同级，二者之间没有继承关系
桌面修改	会同步影响尚未复写的平板和手机配置
平板修改	仅影响平板；不会影响桌面或手机
手机修改	仅影响手机；不会影响桌面或平板
复写隔离	某个配置在下级断点被单独修改后，该配置不再继续跟随上级断点变化

推荐多断点样式设计工作流：

💡

个性化配置、数据标签、行为标签中的配置通常不按断点拆分。断点复写主要作用于设计标签中的通用设计配置。

💡

若某组件只在当前断点不需要，请在该断点将其设为隐藏，不要从组件树中删除。隐藏只影响当前断点及其继承链，不等同于删除组件。

在断点中隐藏组件

微信小程序、App 和网页端都是独立客户端。它们不参与网页端断点继承，前端内容也完全隔离。