-
用<img>的width/height属性仅缩放不裁剪；真正裁剪需容器设宽高+overflow:hidden+object-fit:cover或绝对定位；精确控制用clip-path或Canvas；服务端裁剪更优但需校正EXIF方向。
-
HTML5中border需用CSS设置，最简写法为div{border:1pxsolid#000;}；平板边框异常多因overflow裁剪、box-sizing未预留空间或高DPI下1px发虚，非HTML5或设备专属问题。
-
要使360浏览器支持HTML5，必须启用极速模式（Blink内核）、禁用兼容性视图、删除强制IE渲染的meta标签，并通过http://访问html5test.com实测得分≥470分。
-
使用clamp()控制vw字体和间距可避免过激响应，如font-size:clamp(1rem,4vw,2.5rem)；line-height应用无单位值（如1.4）以同步缩放；推荐rem+vw混合方案提升兼容性与可控性。
-
WeakRef单独无法支撑图像资源池，因其仅提供“可能还活着”的引用通道，不通知回收时机；必须搭配FinalizationRegistry才能触发自动清理，否则缓存条目堆积、deref()频繁返回undefined导致重复加载与内存泄漏。
-
iOSSafari中vh跳变是因地址栏收起/展开改变window.innerHeight，导致vh值突变；应优先用calc(env(height)-env(top)-env(bottom))并fallback至100vh，或JS监听resize动态设置--vh变量，dvh暂不可单独依赖。
-
BEM是通过命名强制解耦样式与DOM结构的协作规范。它用Block-Element-Modifier三层语义类名替代深层后代选择器，避免结构变动导致样式失效，提升可维护性、复用性与工程健壮性。
-
@use替代@import是构建高效Sass布局框架的起点，它通过命名空间隔离变量/混入、杜绝隐式覆盖、支持未用代码剔除；layout/仅含容器关系类文件（如\_grid、\_container），不含组件语义内容；应禁用@extend防止选择器污染，改用@include复用布局逻辑。
-
background-attachment:fixed失效主因是body未占满视口，需同时设置html,body{height:100%;margin:0;padding:0;}且background-attachment必须写在body上。
-
根本原因是container响应式定宽而container-fluid需父容器无宽度限制；Bootstrap5中其默认12px内边距导致不贴边，须用自定义CSS清除，且需排查viewport、全局样式及嵌套逻辑。
-
-webkit-text-fill-color是WebKit私有属性，Firefox等非WebKit浏览器直接忽略，不退回到color，必须显式声明color作为降级色；仅用于Chrome/Safari渐变文字镂空或input自动填充文本着色，无跨浏览器能力。
-
HTML无法直接识别版权状态，需用data-license等自定义属性标记，再通过CSS选择器或JS动态筛选；注意大小写统一、多值兼容及交互反馈。
-
Vue3中::v-deep已废弃，应使用:deep()伪类且仅在<stylescoped>内有效；需配合外层作用域选择器，针对第三方组件真实类名使用，避免嵌套或多层穿透。
-
应优先使用单选按钮（radio）配合相同name属性，因其语义正确、原生互斥且无需脚本；其次可选下拉菜单、复选框+JS、按钮组+hiddeninput或fieldset分组等方案。
-
Error.cause无法用于全链路异常监控，因其仅在单个JS运行时内有效，跨服务时因JSON不序列化cause、旧环境不支持及协议缺失而必然断裂；须改用结构化错误字段+traceparent透传实现根因定位。
