核心结论

需要 vendor prefix fallback 的属性，标准语法要写在 vendor 前缀之后。Vite 生产构建的 cssnano 会把 fit-content 与 -moz-fit-content 当作重复声明去重、只保留后写的那条——标准语法写在前会被删掉。

现象

• 本地开发（pnpm dev）：样式正常，height: fit-content 生效。
• 生产环境（GitHub Pages + Edge/Chromium）：.welcome_btn 只剩 -moz-fit-content（Edge 不识别），样式被划线失效；手动改回 fit-content 后正常。
• Firefox 正常（认识 -moz-fit-content），浏览器差异掩盖了问题。

Vue.js 是一款渐进式 JavaScript 框架，用于构建单页应用（SPA）和 Web 界面。博客同时记录了 Vue2 和 Vue3 的学习内容。

Vue2 vs Vue3

特性	Vue2	Vue3
响应式原理	Object.defineProperty	Proxy
API 风格	Options API	Composition API
打包大小	基准	减少 41%
初始渲染速度	基准	快 55%
多根节点	不支持	支持 (Fragment)
状态管理	Vuex	Pinia（推荐）

本目录对应 docs/learningNote/vueNote/，包含 Vue2 和 Vue3 的学习笔记。

Vue3 新特性

• 性能提升 — 打包体积减少 41%，初次渲染快 55%
• Composition API — 组合式 API，逻辑复用更强
• 数据响应式重写 — Proxy 替代 Object.defineProperty，支持嵌套对象和数组
• 新组件 — Fragment、Teleport、Suspense
• 更好的 TypeScript 支持
• Vite — 新一代构建工具