-
saturate()过大会导致颜色“发飘”，因超出100%后在sRGB空间中快速裁切细节；安全阈值为1.2–1.6，应结合brightness()调控对比度，并用CSS变量动态控制。
-
可行但有副作用：display:none会使下拉框彻底脱离渲染树，无法交互、不可见、读屏器不可识别，且表单提交时值仍存在；推荐结合disabled属性使用以确保安全。
-
正确设置CSS和JS文件引用路径是实现网页美化与交互的基础。一、通过<linkrel="stylesheet"href="...">引入外部CSS文件，应置于<head>中，支持相对路径如css/styles.css或绝对路径如/css/style.css及完整URL。二、使用<scriptsrc="..."></script>加载外部JS文件，可放在<head>或<body>
-
HTML本身不发热——它是纯文本标记语言，解析几乎不耗CPU；风扇狂转主因是JavaScript执行、Canvas渲染或浏览器渲染管线高负载，如未节流的scroll监听、频繁getImageData调用或强制同步布局。
-
PWA必须在HTMLhead中用<linkrel="manifest"href="/manifest.json">声明manifest，且href须以/开头；需配置viewport为width=device-width,initial-scale=1并禁用user-scalable=no；必须使用HTTPS（或localhost）；manifest中需显式定义theme_color和background_color，并设display为"sta
-
设body背景无效主因是高度不足、默认margin和层叠覆盖；需设margin:0、min-height:100vh，优先用html背景控制视口，注意深色模式干预与background简写清空规则。
-
@media(orientation:landscape)不稳定，根本原因是viewport缺失或被覆盖、依赖重排导致延迟触发、iOS/安卓兼容性差异；需配合viewport设置、aspect-ratio兜底、dvh单位及主动matchMedia监听。
-
定位无用HTML需先验证再删除：在Elements面板悬停或右键删除元素观察渲染变化；注释超三个月、无class/id/style的嵌套div、空标签及404脚本链接可判定冗余；隐藏暂不用结构宜用display:none加dev-only标记，清理后须真实设备回归测试。
-
CSS.supports()返回false的常见原因是参数格式错误，正确写法为CSS.supports('display','grid')而非CSS.supports('display:grid')；实验性特性如color-mix()需启用flag才被识别；JS检测与@supports执行时机不同，不保证结果一致。
-
徽标文字颜色对比度不够时，应确保小字号文字与背景的对比度达WCAGAA标准4.5:1；例如红底配白字需验证是否达标，推荐用WebAIM工具检测，必要时加深文字色或降低背景亮度。
-
<p>Less加减法必须单位一致，因编译期静态类型检查禁止跨单位运算；%与px混用如100%-20px会报错，需统一为无单位小数、换算为px或改用calc()字符串插值。</p>
-
二维布局需求出现时应优先用display:grid，因其天然支持行列控制、跨行跨列、网格模板和区域声明；一维线性排列则用flex更轻量高效。
-
BroadcastChannelAPI是浏览器提供的同源跨标签页通信方案，通过创建命名频道实现消息广播；支持postMessage发送消息和onmessage或addEventListener接收消息，适用于登录状态同步、数据共享等场景；需注意仅同源通信、不保证消息顺序与送达、需手动关闭通道，且IE不支持、老版Safari有限兼容。
-
JavaScript是通用语言，初学者应先用浏览器Console验证console.log；避免var，优先用const/let；本地开发需HTTP服务而非file://；DOM操作须确保元素已加载。
-
<p>TailwindCSS本身不支持auto-fill或auto-fit，因其未提供对应utility类，且grid-cols-*不解析repeat()函数；必须手写CSS（如@layercomponents定义.cards-grid）才能真正使用auto-fill。</p>
