#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 逐块重插无丢弃)
This commit is contained in:
Reference in New Issue
Block a user