hover:scale-105无效需依次检查：元素display是否为inline-block/block；父容器是否禁用transform；flex/grid子项是否缺失宽高；transition是否写在常态选择器且含transform；是否显式声明transform:scale(1)；锚点与渲染优化是否到位；移动端需降级处理。
hover:scale-105没反应，先检查display和transform是否生效
直接加hover:scale-105没效果，大概率是元素不支持transform——比如<img>或<a>默认是inline，而transform对inline元素无效。
- 给目标元素加
inline-block或block（推荐inline-block，避免布局塌陷） - 确认父容器没设
transform: none或!important覆盖了transform - 如果元素在
flex或grid容器里，且自身没宽高，也容易缩放失灵；可加min-width: 0或显式width
transition必须写在常态选择器里，否则移出时“啪”一下跳回
hover:scale-105本身不带过渡，它只是状态切换。浏览器不会自动加transition，必须手动配。
-
transition要写在基础类里，比如.card { transition-transform duration-300 ease-in-out; }，不能只写在.card:hover里 - 推荐用
transition-transform而非transition-all，避免意外过渡边框、阴影等属性 - 务必显式写
transform: scale(1)在常态中（哪怕值是1），否则首次hover可能从“无transform”突变
缩放中心偏移、图片模糊，得调transform-origin和渲染策略
默认以元素中心缩放，但若元素靠左/靠上，悬停时会“漂移”；放大后边缘模糊，尤其在高DPI屏或非整数缩放比下明显。
- 需要左上角锚点？加
origin-top-left；底部居中？用origin-bottom-center - 图片模糊可加
will-change: transform提前提示浏览器，或对<img>加image-rendering: crisp-edges - 放大倍数建议控制在
scale-105到scale-115之间；超过scale-120易触发亚像素渲染失真
移动端hover不可靠，得降级或换方案
iOS Safari和部分安卓浏览器对:hover支持弱：首次触摸才激活，且常有延迟。纯hover:scale在手机上基本失效。
立即学习“前端免费学习笔记（深入）”；
- 轻量降级：用
@media (hover: none)关掉触控设备的缩放 - 真要交互反馈，改用
group-hover配合<div>包裹，或用:active模拟短按缩放 - 复杂场景建议用JS监听
touchstart/touchend切scaleclass，更可控
transform生效条件、transition作用域、锚点控制、移动端适配这四点任何一个漏掉，都会导致“写了没反应”或“动得不对”。尤其容易忽略的是：常态选择器里没写transition，或者inline元素没转inline-block。 
