 laoyang
|
cca7497553
|
3.2.60 正文插图不吃段落缩进 + h3/h4 提升层级区分度 #28 #29
#28 图片左缩进导致右侧溢出正文块
根因是 text-indent 可继承：段落写了 2em（32px），图片若在段落内
就被一起推走；而 max-width:100% 的 100% 是容器内容宽度、不是
缩进后剩余宽度，所以左缩进多少右边就溢出多少，两者永远相等。
🔴 只给 img 清零不够：灯箱把它包进 <a class="yang-lb-item">，
那个盒子是 inline-block，本身就是参与父级行内排版的主体，
起点照样被推。链接和图片两处都要清。
修法：图片自成一行、左右都不缩进、水平居中；灯箱链接一起块级化。
#29 h3 与正文区分度太低
改前 h3 只有 18px/500，正文 16px/350，只差 2px 字号 + 150 字重，
且无任何装饰。改后：
h2 20px/500/左5px蓝条+浅灰底
h3 20px/600/左3px蓝条+底1px细线
h4 17px/600/纯加粗
p 16px/350
两处让路：h3.ar-year（归档页年份，本身在 .content 里，会多出
竖线和第二条底线）、评论区的 h3（不在 .content 内，未受影响，已验）。
验证
· 判据 52/0（真实页面 + 拦截替换新 CSS，桌面 1440 / 手机 390 双端面）
· 反证 10/10 注入全被抓到，阴性对照未误报
· CSS 自检 25/0（含浏览器 replaceSync 逐块重插无丢弃）
|
2026-10-27 23:11:05 +08:00 |
|