是，android 4.4 webview（chromium 30）对calc()支持极弱，仅认最简形式；%与rem混用、无空格、嵌套括号、除法及含var()的表达式均被静默丢弃，整条声明不进入渲染流程。
低版本 Android（4.4 及以下）的 WebView 和 Stock Browser 对 calc() 的支持不是“计算有误”，而是整条声明被静默丢弃——你写的样式根本没进渲染流程，DevTools 里都看不到它。
Android 4.4 WebView（Chromium 30）只认最简 calc() 形式
它连空格缺失、单位混用、括号嵌套这类常见写法都会直接跳过，不报错也不警告。这不是精度问题，是语法层面不识别。
-
calc(100% - 2rem)❌ 失效：% 和 rem 混用，Chromium 30 不解析 -
calc(100vw-20px)❌ 失效：减号两侧无空格，“100vw-20px”被当非法 token -
calc((100vh - 60px) / 2)❌ 失效：嵌套括号 + 除法，完全不识别 -
calc(100vh - var(--h))❌ 失效：CSS 变量在 Android 4.4 根本不解析
加减号缺空格是跨设备失效的头号原因
几乎所有旧引擎（Safari ≤15.3、Firefox + 和 - 两侧必须有英文空格，否则整条规则被跳过。
-
calc(100% - 20px)✅ 所有旧浏览器基本能认 -
calc(100%-20px)❌ Firefox/Safari 静默丢弃，IE11 无视 -
calc(-50% + 10px)✅ 负号属于数值本身，+前后仍需空格 - Sass/Less 中拼接变量时极易漏空格：
calc(100% - #{$gap})比calc(100% - $gap)更安全
fallback 必须靠 CSS 层叠顺序手动实现
预处理器或 PostCSS 无法自动补 fallback，因为 Android 4.4 连 @supports 都不认识，更不会执行条件逻辑。
- 正确写法：
width: 288px; width: calc(100% - 2rem);—— 固定值在前，calc()在后，靠浏览器跳过不认识的值生效 - 别用 Sass 计算等效 px：
calc(100% - #{$base-font-size * 2})→ 输出硬编码，失去响应性 - 微信 6.5.22 之前版本应放弃
calc()主逻辑，改用display: -webkit-flex+padding或 JS 动态注入
真正容易被忽略的是三重叠加：空格没加 + 0 没带单位 + 预处理器又插了一脚——任意一个出错，calc() 就彻底消失，连 debug 线索都没有。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
