-
旧版安卓WebView中inline-block元素间间隙源于空白字符被渲染为文本节点，产生约4px不可见行框；font-size:0作用于父容器可消除该间隙，但需重置子元素字体且不适用于含真实文字的场景。
-
EdgeLegacy（≤79）完全不支持datalist，因其EdgeHTML引擎从未实现该HTML5规范，输入框无下拉建议、DOM忽略datalist、JS无法获取list属性，须用JS模拟下拉组件。
-
sticky定位与Flex布局结合可实现滚动中稳定的导航结构。通过position:sticky使元素在滚动时吸附视口，受限于父容器且需设置top等阈值；Flex布局利用display:flex构建弹性框架，flex-direction控制方向，flex-grow/shrink分配空间；典型应用如header固定顶部、content区域独立滚动，代码示例中container设为flex列布局并占满视口，header添加sticky与z-index确保置顶显示，content设overflow-y:auto
-
纯HTML+CSS无法实现可交互音乐卡片，必须使用<audio>元素并配合JavaScript控制播放、进度、状态等；<audio>是HTML5唯一标准方案，支持多格式，需设src或<source>，preload="metadata"优化体验，自定义UI须隐藏原生控件并用JS绑定事件与DOM操作。
-
display:flow-root是解决浮动导致父容器高度塌陷最干净、语义化的方案，它通过创建BFC使父容器包含浮动子元素尺寸，不裁剪内容、无副作用，现代浏览器支持良好。
-
<p>HTML注释正确写法是<!--注释内容-->，浏览器完全忽略其内容；常见错误包括漏结尾、嵌套注释、位置不当及含--或>；适合模块分隔、临时禁用代码、标记TODO；不适合script/style内、属性中或藏敏感信息。</p>
-
持久化插件失效的核心原因在于配置未识别、环境不匹配或数据不可序列化；需从加载时机、存储介质、字段结构三方面同步排查，验证注册顺序、storage显式声明、paths精确指定及运行环境兼容性。
-
noUiSlider初始化必须先创建DOM容器并确保可见，再配置range、start、connect三项必要参数；样式通过覆盖内置class实现；事件需用on()方法绑定，不支持原生addEventListener。
-
min-w-0和min-w-full不能直接防止溢出，因为它们仅设置min-width，不控制white-space、flex-shrink或table-layout；需配合overflow-hidden、text-ellipsis、whitespace-nowrap或flex-shrink-0才生效。
-
border-style:dashed是首选虚线方案，因其原生兼容IE8+、无需JS或伪元素、语义清晰且准确渲染；但必须显式设置border-width和颜色，否则浏览器默认medium宽度导致虚线不一致。
-
flex容器上设break-inside:avoid无效，因分页控制需作用于块级子项；必须为每个卡片等子项单独添加该属性，并确保无overflow:hidden、transform、绝对定位等干扰，推荐@mediaprint中降级为block布局。
-
根本原因是自定义CSS强制设置display:block或display:none，覆盖了BootstrapJS动态注入的内联样式；Collapse依赖JS切换.show类并写入style="display:block/none"，而高优先级CSS会锁死该属性，导致视觉无变化。
-
用IntersectionObserver实现视频自动播放与离开暂停，需监听视口交集、设置静音autoplay、防抖处理状态、兼容降级。核心是isIntersecting为true时try-catch调用play()（确保muted），false时pause()；不支持时回退scroll+getBoundingClientRect模拟。
-
函数式响应式编程通过数据流建模事件与状态变化，核心是信号与变换。使用map、filter、merge、scan等无副作用操作组合信号，实现如搜索建议等功能时可借助debounce、switchMap控制请求频率与取消，逻辑集中且易维护。主流工具包括RxJS、Most.js、Bacon.js，适用于前端框架中处理异步流，需注意订阅管理与链式调用复杂度，保持流的单一职责以提升可读性与类型安全。
-
container-type:inline-size是唯一实用的取值，父容器须显式声明才能触发容器查询；size难稳定触发，normal不支持查询；勿设于body或:root；应使用常规块级容器，并在@container内通过CSS规则调整子元素样式。
