img { max-width: 100%; height: auto; }
.icon { width: 24px; height: 24px; }
给内容区图片统一加了 max-width: 100%，小尺寸头像被拉满整行，边缘全是虚影，比不加还难看，图片越小的位置越明显。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。
追下去是这么回事：max-width 只限制最大值不阻止放大，图片按容器宽度等比撑开，原图分辨率不够就会被插值放大变糊。这条规则经常被当成万能缩放。
围绕「图片放大失真」排查时，命令行跑一遍比在面板里点十次有用，面板会替你做掉不少隐式操作。权限不要一口气开到最大，先加到够用再往上试，范围小才好收。
把复现步骤压到三条以内，交给同事也能跑出来，才算真的定位清楚。
处理上按这个顺序：限制放大就写 width: auto 配 max-width: 100%，别只写一个，两个一起才管用，写全再测；容器里的小图标改成固定宽高，不参与自适应缩放；需要铺满时上两倍图，别让浏览器硬拉一张小图。
确认没问题再收工，小图保持原始尺寸，大图在窄屏自动缩小，边缘不再发虚，放大前先看原图尺寸。