-
font-display:swap是@font-face中控制字体加载时文本渲染行为的属性，它让浏览器立即用系统字体显示文本，待自定义字体加载完成后再无感替换，从而避免移动端因网络波动导致的白屏或文字闪跳。
-
移动端断点不能照搬桌面尺寸，因现代设备的视口缩放与物理像素脱钩；应基于内容溢出临界点，用min-width递增式增强，配合正确viewport设置（width=device-width），避免历史固定值和max-width覆盖。
-
会，display:none必然触发强制同步重排；visibility:hidden不重排但占位；flex:000+opacity:0不重排却仍占位响应；最优解是JS层过滤数据、动态渲染DOM。
-
transition不起作用需检查：color和background-color是否为明确颜色值；transition必须写在默认样式中；优先用hsl()实现顺滑过渡；合理设置cubic-bezier()曲线而非依赖delay；注意JS批量修改时的重绘触发时机。
-
flex容器内单个元素水平垂直居中需同时设置justify-content:center和align-items:center；若仅特定子元素居中可用margin:auto；justify-content不生效常见原因是父容器未设display:flex、子元素为inline或脱离文档流；column方向下二者作用轴互换，且容器需有明确高度才能体现align-items:center效果。
-
实现模态框有五种方法：一、纯CSS+HTML用:target伪类；二、原生JS控制display属性；三、CSS类名切换配合transition动画；四、封装可复用函数；五、data-*属性声明式驱动。
-
MemoryCache能实现图片毫秒级渲染，关键在于URL稳定、构建产物路径可靠及HTTP缓存头合理；Vue中应避免动态参数、善用public/assets资源处理机制，并配合强缓存策略。
-
本文详解如何修复计算器上层输入表格在移动端水平溢出的问题，核心是为表单控件设置相对宽度（百分比）、结合媒体查询与语义化布局，确保所有输入字段自动适配小屏幕。
-
微信浏览器仅识别x5-fullscreen和x5-page-mode两个meta标签，分别用于Android全屏和应用模式，其他如apple-mobile-web-app-capable等均无效。
