-
合理使用object-fit与overflow属性可解决响应式设计中内容溢出问题。通过object-fit:cover或contain控制媒体内容适应容器，结合width:100%、height:auto防止布局破坏；对父容器设置overflow:hidden避免破框，用text-overflow:ellipsis实现文本省略，或overflow-x:auto允许横向滚动；配合Flex与Grid布局的flex-wrap、minmax()和fr单位提升弹性，避免子项溢出；移动端优先设计中，替换固定宽度为百分
-
grid-template-columns混用固定值和1fr是标准且推荐的做法；例如三列布局可写为200px120px1fr，其中1fr分配容器宽度减去固定列后的可用自由空间，多fr按比例分配，需确保父容器设display:grid且有明确宽度。
-
line-height用于控制文本行间距，提升可读性。它设置行框高度，影响垂直排版：值过小致重叠，过大浪费空间。推荐使用无单位数值（如1.5），正文宜1.4~1.6，标题可用1.2~1.3。避免全局设过大值，慎用小于font-size的line-height以防截断。
-
transition必须写在初始状态而非伪类中，且仅对可过渡属性（如color、transform）生效；不可过渡属性（如display、height:auto）需用max-height等替代；多处声明时后写覆盖前写。
-
BigInt是JavaScript中表示任意精度整数的原始类型，它不受IEEE754限制，能无损存储任意大整数，但与Number类型不兼容，不可混用运算或用==/===比较。
-
引入CSS到HTML主要有三种方式，最推荐的是外部样式表，其次是内联样式在特定场景下使用；2.外部样式表通过<link>标签引入独立的.css文件，实现结构与样式的分离，便于维护、复用和缓存，适用于大多数项目；3.内联样式通过在HTML元素的style属性中直接写CSS规则，优先级最高且即时生效，适合快速调试、JavaScript动态修改、邮件模板或特殊覆盖需求；4.内联样式的优点包括优先级高、便于JS操作和即时反馈，缺点是可维护性差、无复用性、代码冗余、破坏分离原则且无法被浏览器缓存；5.外
-
实现HTML全屏样式需通过JavaScript调用FullscreenAPI触发全屏状态，并使用CSS的:fullscreen伪类定义全屏时的样式；2.为确保全屏下布局正常，应设置全屏元素宽高为100%，利用Flexbox或Grid进行响应式布局，并结合object-fit处理媒体元素，同时在:fullscreen中嵌套媒体查询适配不同屏幕；3.全屏请求被拒绝主因是未由用户手势触发或iframe权限限制，需确保在用户交互中调用requestFullscreen并捕获Promise错误，同时处理浏览器前缀兼
-
CSS对齐偏差多因盒模型计算、默认样式或单位混用所致；应启用border-box、重置margin/padding、统一单位、检查vertical-align与flex/grid对齐属性。
-
JavaScriptDate对象需警惕时区陷阱：newDate()创建本地时间，ISO字符串默认UTC解析，数字参数最稳妥；获取/设置用getFullYear()/setMonth()等，注意月份从0开始；格式化优先Intl.DateTimeFormat；日期差以毫秒计算最可靠。
-
Grid容器会忽略子元素的float属性，因其采用自身对齐机制；应使用justify-self、align-self、grid-column、grid-row或margin等替代方案实现定位；图文环绕等需浮动的效果可保留在非Grid容器中处理；迁移时推荐用grid-template-columns、gap和fr单位取代float布局，以提升灵活性与可维护性。
-
HTML拼接需按场景选择服务端预编译、构建时合并或运行时注入；错误使用易致结构错乱、XSS或解析失败，须严格转义用户输入、规范路径处理及DOM操作。
-
CDN引入CSS加载慢的核心问题通常不在CDN本身，而在于源站响应慢、DNS解析慢、缓存策略不当或未预加载；优化需聚焦源站性能、合理配置CDN缓存与回源、启用preload和immutable缓存头、内联关键CSS并异步加载非关键CSS。
-
答案：依赖冲突源于版本不一致、重复安装或peerdependency缺失，可通过npm命令定位问题，采取升级版本、手动安装、清理重装等方案解决，并通过定期更新、锁定依赖、统一包管理器等实践预防。
-
WebShareAPI的navigator.share()总是resolve且无结果反馈：其Promise在分享界面关闭后立即以undefined值resolve，不区分成功或取消，仅同步错误会抛出异常；隐私设计决定网页无法获知实际分享行为。
-
浮动导致父容器高度塌陷和边距失效，根本原因是未形成BFC；解决方法有三：用clear:both清除浮动、以padding替代margin临时绕过、或触发BFC（推荐display:flow-root）。
