-
audio标签seek卡顿主因是服务端不支持HTTPRange请求，导致返回200而非206响应；Nginx需检查Accept-Ranges头，Flask/FastAPI需用conditional=True，本地服务器须换为支持Range的工具。
-
答案：CSS通过transform的rotate()结合@keyframes和animation实现旋转动画。.box{transform:rotate(45deg)}可旋转元素；.spin{animation:rotateAnimation2sinfinite}定义每2秒转一圈的动画；通过transform-origin可改变旋转中心点，如topcenter实现钟摆效果；常见应用有加载动画、悬停效果等，如.loader通过border和rotate制作旋转圆环加载提示。
-
min-width和max-width用于限制元素宽度上下界，优先于width等规则生效；与flex/grid配合时控制压缩与拉伸边界；响应式中推荐用媒体查询的min-width而非元素级属性；IE11不支持calc()混合单位，且对inline元素无效。
-
使用aspect-ratio和object-fit可实现响应式图片裁切，通过设置容器宽高比并用object-fit:cover裁剪图片，确保图片填充容器且保持比例，常用padding-bottom技巧兼容性好。
-
Webpack核心配置必须理解entry、output、module.rules和plugins四大模块，漏配或错配会导致打包失败；其本质是权衡决策而非简单填空，每项配置均影响运行时行为与产物结构。
-
要让CSS圆角过渡流畅，需统一使用像素值（如0px→24px）、精准声明transition:border-radius.3sease-in-out、添加transform:translateZ(0)触发GPU加速，并通过媒体查询配合固定px值实现响应式平滑过渡。
-
本文介绍在TypeScript+NestJS+Mongoose环境下，如何将嵌套对象中的日期字符串数组（如['2023-07-02T13:21:29.643Z']）安全、高效地转换为Date实例数组，并确保其符合MongooseSchema中的Date类型定义，避免存入字符串导致查询/排序失效。
-
答案是使用标签或CSSwhite-space属性处理HTML换行。通过替换\n为实现换行显示，或用pre、pre-line、pre-wrap等CSS属性保留格式，用户输入需先转义再转换，确保安全与效果兼顾。
-
必须调用event.preventDefault()阻止表单默认提交，校验逻辑须在submit事件中执行；优先使用input.checkValidity()和validityAPI；错误信息需绑定到对应字段并用aria属性增强可访问性；前后端字段名必须严格一致。
-
inline-block元素间缝隙源于HTML将换行/空格解析为文本节点并渲染为空白，而float通过脱离文档流规避该机制；现代布局应优先使用flex或grid，仅IE8–9等旧环境才考虑float。
-
需显式为父容器设置container-type:inline-size（或size）才能启用容器查询，否则@container规则静默失效；它监听父容器实际渲染尺寸，非视口，且仅作用于直接父级块级元素。
-
nav包裹ul是最稳妥的垂直导航栏HTML结构，语义正确、支持键盘导航与屏幕阅读器识别；li中放a保证Tab可聚焦，分组标题用h3或aria-disabled="true"的a；CSS需重置ul默认边距，a设display:block/flex确保hover热区完整。
-
应内联关键CSS并异步加载非关键CSS：用critical或critters提取首屏必需样式（≤14KB），通过rel="preload"onload注入非关键CSS，禁用预处理器抽象和低效选择器，避免弱网检测延迟。
-
padding是内容到边框的距离，影响自身尺寸和背景显示；margin是边框到邻元素的距离，不参与自身渲染；box-sizing控制padding是否撑大元素，border-box为现代开发首选。
-
根本原因是根字体大小未随屏幕动态适配；需用JS根据屏幕宽度等比缩放html的font-size（如以750px为基准设1rem=100px），辅以媒体查询兜底关键断点，并配合导航结构响应式调整，确保rem间距跨设备一致。
