-
Flex子项默认不收缩到内容宽度以下是因浏览器强制设定「最小内容尺寸」下限，由最长不可折行内容（如长单词或图片）决定；该尺寸是flex-shrink的收缩极限，min-width:0可覆盖此限制使收缩生效。
-
setTimeout(fn,0)不会立即执行，因为它将回调推入宏任务队列，必须等待当前同步代码及所有微任务执行完毕后才执行。
-
能，CSSbackground支持逗号分隔多个linear-gradient，按顺序从上到下层叠；需同声明内书写，用colorstop、transparent和background-position等配合控制区域与透明度。
-
本文介绍如何根据导航栏是否启用navbar-fixed类，动态为.title-img元素添加或移除margin-top:20%样式，通过简洁可靠的JavaScript检测与DOM操作实现响应式布局适配。
-
HTML5注释需用<!--注释内容-->语法，禁止嵌套、禁用条件注释、多行须每行独立标记，注释应清晰规范且不含敏感信息，编辑器可辅助高效添加。
-
HTML导出不能提升Excel下载，反而导致格式错乱、公式丢失、中文乱码、安全警告等问题；可靠方案是前端用SheetJS生成标准.xlsx文件或后端用openpyxl等库构建二进制流并设置正确MIME类型。
-
本文详解如何使用JavaScript的Canvas2DAPI精确实现文本水平居中，重点解决因变量名错误、坐标计算偏差或上下文误用导致的文本不可见问题，并提供可直接运行的完整示例。
-
本文详解如何修复因相对定位偏移导致的下拉菜单错位问题，通过统一采用position:relative+top/left:0基准布局，并结合Flexbox对齐与层级管理，实现类似《Cyberpunk2077》官网风格的响应式、像素级可控导航栏。
-
clip-path动画不能直接用transition，因为浏览器仅对同构路径（如顶点数、类型、顺序均一致的polygon）进行线性插值；混用circle()与polygon()或单位不统一会导致跳变或失效。
-
IE8及更早版本不解析rgba()，需用filter:alpha(opacity=XX)或gradient滤镜降级，且fallback必须前置、块级元素、十六进制颜色匹配，否则背景消失或子元素异常变淡。
-
将移动和旋转合并到同一个transform中，通过单一@keyframes动画控制，可确保CSS元素的平移与旋转完全同步。示例：使用@keyframesmoveAndRotate定义从translateX(0)rotate(0deg)到translateX(200px)rotate(360deg)的动画，并应用于元素；若需调整旋转中心，可设置transform-origin为center或指定坐标；避免同时使用多个animation属性（如slide和spin），以防因渲染差异导致不同步；如需分阶段效果，
-
CSRF防护需服务端动态生成、安全传输并严格校验；Token须绑定session、禁复用、禁硬编码，前端须从DOM安全提取并手动携带至AJAX请求头或表单字段。
-
coords属性单位仅为像素，需按图像原始尺寸设定，不支持CSS单位或负数；shape决定coords格式：rect为“x1,y1,x2,y2”，circle为“x,y,r”，poly为“x1,y1,x2,y2,...”；错位常因CSS缩放未换算坐标或usemap不匹配导致。
-
box-shadow本身不响应系统主题切换，需通过:root中定义带透明度的CSS变量，并在@media(prefers-color-scheme:dark)或[data-theme="dark"]中重设变量值来实现主题适配；关键在于只抽离颜色部分、使用rgba/hsla、提供fallback、避免整条阴影塞入变量。
-
background-clip:text不生效主因是未设color:transparent；仅WebKit内核原生支持，Firefox需加-webkit前缀及-webkit-text-fill-color:transparent；推荐分层封装SCSS混合宏，base处理透明与clip，上层组合渐变；禁用text-stroke与background-clip同用；iOS15.4前需JS特性检测降级。
