min 和 max 是 meter 元素正常渲染的硬性边界，必须同时显式声明且满足 min < max，否则将导致视觉异常或完全不可见。
min 和 max 不是可选的“建议值”，而是决定 meter 是否能正常渲染的硬性边界——漏写、写错顺序、用字符串或百分比，都会导致视觉异常甚至完全不可见。
min 和 max 必须同时显式写出，且满足 min
浏览器不会帮你补全或纠错：min 默认为 0、max 默认为 1，但只靠默认值几乎总是错的。比如想表达磁盘使用率 82/100，写成 <meter value="82"></meter> 实际被解析为 82/1，填充宽度只有 0.82px（极窄不可见）。
-
min和max都必须是数字，min="0"可以，min="zero"或min="0px"无效 - 必须保证
min < max，否则整个标签可能静默降级为普通内联元素（无样式、无语义） - 后端返回小数（如
0.72）时，JS 中应先转成整数再约束范围：Math.min(Math.max(Math.round(data * 100), min), max)
value 超出 [min, max] 区间时不会报错，但会被截断
浏览器不抛异常，也不警告，只是把 value 强制 clamp 到区间内。例如 <meter min="0" max="100" value="150"></meter> 等效于 value="100"；value="-10" 则等效于 value="0"。这容易掩盖数据逻辑错误，比如 API 返回了异常值却没被发现。
- 服务端或 JS 层应做校验，而不是依赖浏览器兜底
- 测试时别只看“能显示”，要专门验证
value=min、value=max、value<min、value>max四种情况的渲染表现 - 不要传字符串百分比：
value="85%"会被忽略，必须用value="85"
low/high/optimum 的生效前提是 min/max 有效且关系正确
这三个属性不参与数值计算，只影响颜色语义，但它们的判断逻辑完全依赖 min 和 max 构建的坐标系。一旦 min/max 缺失或错位，low、high、optimum 全部失效——不是变灰，而是根本不会触发任何颜色变化。
立即学习“前端免费学习笔记（深入）”；
-
low和high必须满足min ≤ low < high ≤ max，否则三段区间划分失败，optimum无段可落 -
optimum必须在[min, max]内，超出则行为未定义（Chrome 可能忽略，Firefox 可能不着色） - 颜色不是由
value和optimum的差值决定，而是看二者落在哪一段：如果optimum在[low, high]段，那整个段变绿；value在相邻段就变黄，隔一段就变红
最常被忽略的一点：浏览器对 min/max 的解析是纯数值比较，不感知单位、不自动归一化。你写 min="300" max="900" 表示信用分真实范围，不是“换算成 0–100 后再画”，这个原始尺度直接决定填充比例和颜色区间划分逻辑。
