智能穿戴设备运行html需用srcset、vw、flex-direction: column和严格校验的，因目标webview内核老旧、视口极小、无滚动惯性，常规编辑器生成的html无法适配。
智能穿戴设备（如手表、手环）运行 HTML 页面时，根本不是“选编辑器”的问题，而是必须用srcset、vw、flex-direction: column和严格校验的<meta name="viewport">来写代码——工具只是辅助，底层结构不精简，再轻的编辑器也救不了渲染崩溃。
为什么不能直接用常规HTML编辑器开箱即用
常规编辑器（如 VS Code、Sublime Text）生成的 HTML 默认面向桌面或手机浏览器，一放到 Wear OS 或 watchOS 上就会出现：文字缩成针尖、按钮点不中、页面横向溢出、overflow-y: auto完全失效。这不是编辑器的问题，是开发起点就错了——你写的不是“HTML”，而是“穿戴端 HTML 子集”。
- 目标 WebView 内核老旧：Android 4.4 系统 WebView 不支持
gap，Tizen 2.3 不识别嵌套@media块 - 物理视口极小：390×390 圆形屏实际可用区域常不足 300×300，
px单位会失准，rem依赖根字体不可控 - 无滚动惯性：用户不会、也不能靠滑动查看内容，所有交互必须在一屏内完成
真正该用的“超轻型函数工具”其实是纯前端库
所谓“工具”，在穿戴端应理解为可嵌入、零构建、无依赖的轻量级运行时能力，而非编辑器本身。实测有效的三项是：
-
picofont：仅 2KB 的 SVG 字体加载器，替代 Web Font，避免 TTF 加载失败导致文字空白 -
fastdom：强制 DOM 更新批量合并，防止高频传感器数据（如心率）触发重排卡顿 -
tiny-svg：比原生<svg></svg>更小体积的绘图封装，支持圆形表盘裁切、路径动画，不依赖requestAnimationFrame
它们都不需要 Node.js、不打包、不编译，直接 <script src="xxx.min.js"></script> 引入即可生效。比任何“轻量编辑器”更贴近硬件限制本质。
编辑器只起辅助作用，但必须满足三项硬约束
如果你仍需在 PC 或手机上写代码，编辑器本身必须满足以下条件，否则写出的 HTML 无法在穿戴设备上稳定运行：
- 必须支持实时校验
<meta name="viewport">标签位置：该标签必须位于最顶部，早于所有 CSS/JS；Notepad++ 和 Acode Editor 可手动检查，VS Code 需装html-validate插件并配置规则"attr-req-viewport-first" - 必须禁用自动插入
user-scalable=no或maximum-scale：Brackets 和部分在线编辑器（如 CodePen）默认加这些，会直接导致手表端无法 pinch-zoom 辅助操作 - 必须能快速切换单位：字号优先用
vw，边距用vh或固定px（如8px），编辑器需支持一键替换（Sublime Text 的Ctrl+H正则font-size:\s*(\d+)px→font-size: $1vw）
最易被忽略的一点：穿戴端 HTML 不是“缩小版手机页”，它是独立语义层——<time></time> 标签要绑定 datetime 属性供系统语音读出，<canvas></canvas> 渲染必须用 devicePixelRatio 校准，而这些细节，没有任何编辑器会主动提醒你。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
