这篇内容是在有道云旧笔记基础上重新整理的 技术实践 笔记。原始记录偏碎片化，这里补充了使用场景、阅读顺序和落地时需要注意的边界，方便以后在项目里快速复用。

适用场景 ​

  • 遇到同类工具、框架或工程问题时，作为快速检索和回忆的入口。
  • 把旧笔记中的关键步骤整理成可以继续补充的博客材料。
  • 适合在真实项目验证后继续追加版本、环境和最终结论。

核心要点 ​

  • 正文以代码或命令片段为主，阅读时建议先确认目标问题，再挑选对应片段验证。
  • 保留了 3 段可直接参考的代码或命令，主要涉及 html、css，复制前需要按当前项目路径、版本和变量名做调整。
  • 涉及命令行操作时，建议先在测试目录或测试环境执行，确认输出符合预期后再应用到生产环境。
1
2
# 默认配置
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />

有些情况下可能出现还会缩放问题
1.遇到在安卓项目中，开机后打开app，会出现上述问题，杀死进程后就正常，需要添加一下CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
html, body {
    touch-action: pan-x pan-y;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}


# 在添加
* {
    /* 禁止文本选择 */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

实践检查清单 &#8203;

  • 先确认当前工具链版本和运行环境，再决定是否直接复用示例。
  • 把验证过的最终命令、配置或代码补回本文，减少下次重复排查。

复盘小结 &#8203;

这篇笔记更适合作为问题排查或方案落地前的速查材料。后续如果在真实项目中再次遇到同类问题，可以继续把具体版本、报错信息、最终取舍和验证结果补到对应小节里，让它从代码片段逐步沉淀成完整方案。