-
HTML页面排版应以CSS盒模型、文档流和布局上下文为核心，优先使用Flex和Grid实现可预测、可维护的响应式布局，避免滥用<center>、<br>、float、absolute等易导致塌陷与难维护的旧方法。
-
只有postcss-combine-media-query能真正合并完全相同的媒体查询，需显式引入并置于postcss-nested等插件之后，确保输入CSS已展平；开发环境不建议启用，仅用于生产构建。
-
Grid头部高度失控主因是未设grid-template-rows或误用auto；应设为60px1fr或clamp(48px,5vh,60px)，并确保无额外padding/margin；导航铺不满需设header为grid容器并配grid-template-columns；点击失效多因a标签未设display:block或position:absolute脱离网格流；IE11需加-ms-grid前缀回退。
-
答案：通过隐藏原生复选框和单选按钮，使用CSS伪元素绘制自定义样式，结合:checked、hover和focus状态提升视觉一致性与交互体验，实现现代美观且可访问的表单控件。
-
图片溢出多列容器的主因是原始尺寸超列宽且未自动缩放，解决关键是设max-width:100%并配合height:auto保持比例；再用object-fit（如cover或contain）控制显示效果，同时确保父容器支持流式布局且无干扰属性。
-
透明度和渐变通过opacity、rgba及linear-gradient等CSS属性提升网页视觉层次，opacity控制整体透明，rgba实现背景透明不影响文字，linear-gradient和radial-gradient创建色彩过渡效果，合理搭配可增强界面现代感与空间感。
-
响应式图片技术通过srcset和sizes属性让浏览器根据设备屏幕特性自动选择最适配图片；配合picture元素可按设备类型与分辨率双重适配；推荐按宽度命名并用构建工具自动生成多尺寸版本。
-
ExpoImagePicker在Android设备上默认仅显示系统相册（如“最近”“相机”“截图”等），无法访问外部存储或第三方应用创建的相册；启用legacy:true可强制使用旧版原生图库选择器，从而完整列出所有媒体文件夹。
-
原子类、scopedCSS、CSS-in-JS各有适用场景：原子类适合标准化后台系统但维护性差；scopedCSS编译期零开销但穿透滥用易导致样式冲突；CSS-in-JS解决动态样式需求但需注意SSR和性能。
-
ServiceWorker注册失败主因是路径或作用域错误：路径须为根目录相对路径（如"/sw.js"），scope需显式设为"/"才能覆盖全站；必须HTTPS（localhost除外），且页面加载完成后注册。
-
Bootstrap5通过:root定义CSS变量实现主题切换，需在BootstrapCSS后注入变量、同步更新配套变量，并用data-bs-theme属性控制以避免冲突。
-
align-items:baseline经常不生效是因为它仅在flex容器中对直接子元素有效，且依赖子元素的字体度量、是否含文本等条件；vertical-align:baseline则作用于内联上下文，两者适用场景和计算逻辑完全不同。
-
JavaScript无法直接读写本地Excel文件，但可通过SheetJS（适合解析与轻量生成）和exceljs（适合高样式导出与模板填充）等库在前端或Node.js后端实现Excel操作。
-
本文讲解如何通过事件委托和语义化HTML结构，为多个独立答题区域（如问答题、填空题）构建可复用、可扩展的答案校验逻辑，避免重复绑定事件、ID冲突及硬编码依赖。
-
本文详解如何在Nuxt3（Vue3）应用中，通过Docker构建阶段正确传递和使用环境变量（如NUXT_ENV_N_API），解决runtimeConfig.public在构建时无法读取process.env的常见问题。
