#154·design.md

添加可选的一等响应符和单位政策缓冲

作者: rxdt创建于 2026年7月8日更新于 2026年7月8日

□ 要求的特性

在 DESIGN.md 中加入一等响应性设计原始,这样代理可以从光谱中生成响应性UI,而不是发明断点,单位,和布局行为.

□ 问题

DESIGN.md目前能很好地捕捉到视觉身份标志,但反应性的行为大多必须活在道具中. Prose对人类有帮助,但代理人和`设计.md lint ' 无法可靠地执行。 一个项目可能想要表达规则,例如:

  • 使用移动第一布局
  • 使用内容驱动断点
  • 使用 " 他们 " 媒体查询,而不是 " px "
  • 使用相对单位进行间隔、布局和类型
  • 只允许 " px " 用于诸如发线边界等明确例外

为什么 编码代理商是DESIGN.md的主要消费者. 没有反应灵敏的原始人, 特工要么:

  • 发明断点值
  • 硬码px断点
  • 忽略反应
  • 依靠不能被抛锚的传言
  • 偏离计划规则 反应单位政策符合同一种模式:将规则编码一次,然后让出入口和出口商执行。 这对无障碍性和可维护性特别有用。 px字体大小和px断点可能与用户缩放和应答政策相冲突,而px对于狭义的故意案件可能仍然有效.

□ 司马

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? 断点 : 紧凑:40分 宽: 64em

响应 : 战略:移动电话 断点政策:内容驱动 媒体单位:em

单位 : 断点: [ 相距: [对 四舍五入: [对 打印: 字体大小: [rem, em] 组件 : padding: [雷姆] 宽度: [rem, em, "%"] 身高:[rem,em]

打印: 机构 : 字体大小 : 14px # 如果打字无效 . fontSize 只允许 rem/em

断点 : 宽: 1040px # 如果断点只允许 em 则无效

单位 : 边框Width: [px] # 工程应该能够使用px而不允许px到任何地方.

内容来源: google-labs-code/design.md