-
flex-1在圣杯布局中慎用，因其等效flex:110%会强制侧栏与中栏等高，破坏视觉错觉；中栏可用flex-1占剩余宽度，侧栏应设flex-none或flex-[0_0_20rem]。
-
flex-flow是flex-direction和flex-wrap的原子性简写，设了它两个属性都会被全量重置而非可选覆盖；必须写全如columnwrap，不可省略任一值，否则未显式指定的会回退到默认值（row/nowrap）。
-
focus事件无法直接区分触发方式，可靠方法是用mousedown/touchstart设标志位、focusin检测并focusout清理；event.detail不可靠，推荐优先使用:focus-visible伪类。
-
答案是利用performance.now()或Date.now()记录函数开始和结束时间，通过时间差监测JavaScript函数执行性能。
-
能，但需所有CSS文件被同一文档加载且定义在使用前；变量失效时应检查Computed面板中的CustomProperties、拼写、大小写及单位是否匹配。
-
accent-color可直接修改checkbox、radio、range和progress的用户交互高亮色；对select、textarea、text等无效，需手动样式覆盖。
-
@media(orientation:landscape)不稳定，根本原因是viewport缺失或被覆盖、依赖重排导致延迟触发、iOS/安卓兼容性差异；需配合viewport设置、aspect-ratio兜底、dvh单位及主动matchMedia监听。
-
用百分比定位标注点会偏移，因为left/top以父容器宽高为基准计算，而图片缩放后渲染区域与父容器尺寸不一致；需使定位参考系与用户所见图片完全重合，推荐JS动态校准或background-image方案。
-
transform中rotate和scale可在同一声明中用空格分隔，顺序决定执行先后；必须合并书写，否则后声明会覆盖前声明；动画中各关键帧需完整写出transform值且函数顺序一致。
-
LaunchHandler是WebAppManifest中声明PWA启动行为的可选字段，仅在已安装、display为standalone/minimal-ui的桌面端PWA通过系统入口启动时生效，依赖manifest配置和launchQueue监听。
-
核心是监听mousemove事件获取clientX/clientY，用throttle节流并归一化，通过document.documentElement.style.setProperty设置CSS变量，在CSS中用hsl()或color-mix()动态生成颜色，注意移动端需兼容touchmove及touch-action设置。
-
BEM类名不能替代Bootstrap语义类，必须共存于class属性中；否则Bootstrap样式因选择器不匹配而失效。
-
HTML标准制定不接受个人直接向WHATWGhtml仓库提PR，因该仓库仅限编辑手动合并变更；参与路径为：在whatwg/html开issue讨论问题、贡献WebPlatformTests（WPT）用例、关注关联仓库如whatwg/url和html-build。
-
本文详解如何将仅适配桌面的HTML/CSS页面改造为真正的响应式布局，涵盖移动优先原则、媒体查询实战、网格系统优化及常见陷阱规避，助初学者快速掌握跨设备兼容核心技能。
-
JavaScript的Date对象获取的是用户本地设备时间，不依赖服务器；需用JS执行渲染，推荐toLocaleDateString()自动适配区域格式，固定格式用getFullYear()等组合补零；脚本应置于</body>前或加defer；设备时间不准会导致显示错误，强依赖场景须调用服务端时间戳。
