-
Gmail为防止样式冲突，会在HTML邮件中所有带ID的元素前自动添加唯一随机前缀（如m_-6467880284962569820siteInfo），这是其沙盒化渲染机制的一部分，并非错误；自动化测试中应通过属性选择器容错处理，而非依赖原始ID。
-
手机运行HTML文件有多种方法：1.用浏览器直接打开本地HTML文件，适合静态页面查看；2.使用HtmlViewer、Dcoder等代码编辑App，支持编写与实时预览；3.通过微信小程序或JSFiddleMobile等在线工具粘贴代码运行，便于快速测试；4.复杂项目建议传至电脑，用专业工具调试。按需选择，灵活高效。
-
用border画三角形最稳，因不依赖伪元素、不触发重排、高DPI下不糊；伪元素在移动端易定位漂移、缩放发虚、iOSSafari偶发空白。
-
position:sticky失效的根本原因是最近滚动祖先无有效滚动行为；需确保父容器有height+overflow-y:auto或body可滚动，且用margin/padding为吸顶元素预留空间，再通过@supports降级并正确设置z-index。
-
CSS滤镜在网页设计中通过filter属性实现，能提升视觉冲击力并优化交互效果。1.它允许开发者对图像、视频或HTML元素应用多种视觉调整（如模糊、亮度、对比度、灰度等），无需修改原始内容；2.可用于图片美化、背景处理、主题切换、交互动画等场景，增强用户体验；3.使用时需注意性能问题，避免对大量元素频繁使用复杂滤镜，尤其是blur()和drop-shadow()；4.兼容性方面，现代浏览器普遍支持，但老旧浏览器如IE不兼容，可通过@supports提供降级方案以实现渐进增强。
-
CommandPalette是一种轻量、可搜索、键盘优先的快捷操作入口，非系统弹窗或下拉菜单；它通过语义化DOM结构（如role="dialog"、role="listbox"）、精准键盘交互（Ctrl/Cmd+K呼出、上下键导航、Enter执行）及动态命令管理实现高效操作。
-
replaceWith()是JavaScriptDOM方法，需先获取真实元素节点才能调用；传入字符串不解析HTML，应使用template或DOMParser转换为节点后再替换。
-
下拉菜单位置偏移是因为父容器未设置position:relative；该声明使父元素成为absolute子元素的定位参考点，且不脱离文档流、不影响布局，兼容IE9+。
-
媒体查询本身不调用GPU，但其激活的样式（如transform、will-change）会间接增加GPU负载，导致卡顿、掉帧和发热；需优化图层合成、断点单位、布局切换及媒体元素缩放策略。
-
