min/max 必须显式写全，否则<meter>易变空白或退化为文本；其值需构成合法闭区间，类型与value一致，且low/high/optimum依赖min/max才生效。
min/max 必须显式写全，不能靠默认值凑数
浏览器对 min 和 max 的 fallback 行为不一致：Chrome 可能按 min="0" max="1" 归一化，Firefox 则直接跳过渲染或忽略颜色逻辑。漏写任意一个，<meter> 就大概率变空白或退化为纯文本。
-
min默认确实是 0，但必须显式写出min="0"，否则语义缺失 -
max没有默认值，不写就等于没设——<meter value="85" min="0">实际被解析成value="85"/max="1"，视觉长度爆炸 - 哪怕业务范围就是 0–100，也得写
min="0" max="100"，别省这俩属性
min/max 的数值必须构成合法闭区间
min 和 max 不只是“起始/结束”，它们定义了 value 的合法空间。浏览器会校验 min ≤ value ≤ max，超出时部分引擎（如 Firefox）可能不渲染条形，Chrome 则可能截断但不报错。
- 允许负值：比如温度监控，必须写
min="-20" max="50"，不能只靠后端传的 value 推断 - 小数支持：写
min="0.0" max="1.0" value="0.72"合法，但要注意 value 类型一致性（见下一条） - 单位无效：
min="0px"、max="100%"都会被忽略，只接受纯数字字符串
value 与 min/max 的类型和范围要严格匹配
value 不是“百分比”，而是原始标量值。它必须落在 [min, max] 闭区间内，且类型需一致——字符串数字可被转，但带单位或小数点后位数混乱容易踩坑。
- 后端返回小数（如
0.72），前端别直接塞进value：先做Math.round(parseFloat(apiValue) * 100)再 clamp 到[min, max] - 别写
value="72%"或value="72px"，浏览器直接失效，整个标签不渲染 - 边界值合法：
value="0"或value="100"在min="0" max="100"下完全 OK
low/high/optimum 的数值依赖 min/max 才生效
这三个属性不是独立开关，它们的语义判断完全建立在 min 和 max 存在且合法的基础上。一旦 min/max 缺失或关系错乱，low/high 就等于白写。
立即学习“前端免费学习笔记（深入）”；
-
low必须 >min（low="0"在min="0"下无效） -
high必须 max（high="100"在max="100"下不触发“过高”状态） low 是硬性前提；写反了（如 <code>low="80" high="30"）会导致语义混乱，Chrome 可能仍渲染但 Firefox 直接忽略-
optimum必须 ∈[min, max]，可以等于边界，比如电池健康度最优值常设为optimum="0"
实际项目里最容易被忽略的是：你写了 low 和 high，却没检查 min 和 max 是否同时存在、是否满足大小约束——这时颜色根本不会变，你还以为是 CSS 没写对。
