jQuery 的 .css() 方法对 scale 属性不支持数值自动转换，必须显式传入字符串格式（如 "0.2"），否则会被错误追加 px 单位导致失效。

jquery 的 `.css()` 方法对 `scale` 属性不支持数值自动转换，必须显式传入字符串格式（如 `"0.2"`），否则会被错误追加 `px` 单位导致失效。

在使用 jQuery 动态设置 CSS 变换（transform）中的 scale 值时，一个常见误区是直接传入数字类型参数，例如：

var a = 0.1;
var b = 0.1;
var scale = a + b; // 结果为数值 0.2
$(".item").css('scale', scale); // ❌ 错误：jQuery 会将其转为 "0.2px"

这是因为 jQuery 的 .css() 方法对所有数值型值默认附加 px 单位（如 width, top, margin 等），但 scale 是无单位的 CSS 变换函数参数（属于 transform 的子属性），不接受 px 后缀。当传入 0.2 时，jQuery 实际写入的是 scale: 0.2px —— 这是非法 CSS，浏览器将忽略该声明，因此缩放无效。

✅ 正确做法是：始终以字符串形式传入 scale 值：

jQuery 1.12.4

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

下载

var a = 0.1;
var b = 0.1;
var scale = (a + b).toString(); // → "0.2"
$(".item").css('scale', scale); // ✅ 合法：scale: 0.2

⚠️ 注意事项：

• scale 是 CSS transform 的简写属性（等价于 transform: scale(0.2)），现代浏览器支持良好（Chrome 64+/Firefox 60+/Edge 79+），但旧版 IE 不支持；
• 若需兼容更广的浏览器或控制 X/Y 方向独立缩放，建议直接操作 transform：

// 更推荐的写法（明确、可控、兼容性提示清晰）
$(".item").css('transform', 'scale(0.2)');
// 或动态拼接
$(".item").css('transform', `scale(${(a + b).toFixed(2)})`);

• jQuery 3.4+ 版本起，.css('scale') 读取仍返回 undefined（因非标准 CSS 属性），故设值仅支持写入，不建议用于读取；如需获取当前缩放值，应解析 transform 矩阵或使用 getComputedStyle。

总结：scale 不是传统盒模型属性，它属于 transform 的语义化别名，jQuery 不对其做特殊处理。牢记——传字符串，不传数字，即可避免静默失败。