flex-direction是最常被重写的弹性容器属性，需确保父容器已声明display:flex；移动端（≤768px）用column，桌面端（≥1025px）用row并配justify-content；注意特异性、align-items在列布局下的影响、gap回退及性能优化。

font-size决定文字基础大小，单位选择直接影响响应性：px锁定尺寸不利缩放，em易因嵌套失控，rem基于根元素更可控，推荐用于移动端；clamp()实现流体字号但Safari13.1+才完全支持；font-family、line-height、vertical-align等共同影响实际渲染效果。

border-radius过渡卡顿是因浏览器需重绘渲染路径，尤其在复杂样式下开销大；推荐用clip-path替代、避免干扰属性、控制缓动或分段过渡，并排查布局抖动。

在ChromeDevTools中查看盒模型数值需打开Layout面板（旧版称BoxModel），其以彩色区块可视化content、padding、border、margin；若未显示，需点击右上角三点启用“Showlayoutview”，或在Computed面板手动搜索相关属性。

CSS缩放动画不连贯主因是过渡配置不当或渲染机制未优化：transition须写在默认状态、限定为transform属性、启用GPU加速（如translateZ(0)），并避免JS触发时引起布局重排。

JavaScript内存管理需主动设计，obj=null仅在唯一强引用时有效；WeakMap/WeakSet用弱引用防泄漏；Chrome中DetachedDOM持续增长或Closure长期存活是泄漏信号。