max-width:100%失效主因是缺乏参照宽度或父容器为flex/grid导致图片被拉伸；应配合...

ScreenOrientationAPI并非所有浏览器都支持，iOSSafari完全不支持（截至iO...

背景图媒体查询失效主因是层叠顺序、路径解析错误或旧版Safari重绘缺陷；display:none无...

float元素导致父容器高度塌陷，因其脱离文档流使父容器无法感知其存在；正确清除方式是触发BFC，如...

必须先将ul设为display:flex，再给li设置flex:110并重置margin/paddi...

inline-block底部空白间隙源于基线对齐，vertical-align可解决；box-siz...

纯靠flex做不了折叠，必须配合@media查询+display切换或JavaScript控制显隐；...

position:sticky失效主因是父容器overflow非visible或未设合法top值；它...

最稳妥的列表项间距方案是用margin-bottom：给li设margin-bottom，ul清除默...

媒体查询的width指视口宽度而非容器宽度，@media(width:300px)无法响应div尺寸...

伪元素箭头不能点击触发下拉，因为::before和::after默认pointer-events:n...

父元素border不显示是因浮动导致高度塌陷；overflow:hidden通过触发BFC解决，兼容...

gap不生效主因是父容器未设display:grid；其次可能被CSS覆盖、子项用display:c...

用标签加载GIF最简单兼容，但需注意尺寸性能；APNG/WebP动画支持透明但兼容性有限；大GIF应...

必须置于最前面，否则旧版浏览器可能因提前按默认编码解析而乱码；应使用而非http-equiv版本，并...

首先确认CSS文件是否成功加载：检查Network面板中css请求的状态码是否为404或403，再排...

flex-wrap:wrap未生效的主因是父容器缺失display:flex，或子项设了flex-s...

移动端弹窗键盘适配应放弃绝对定位偏移，改用fixed锚定+transform微调，监听visualV...

gap已取代grid-gap，是row-gap和column-gap的简写，支持单值（统一行列间距）...

表单控件盒模型无统一标准，需显式重置：统一设box-sizing:border-box；height...