早上处理了个奇怪的问题：用户反馈图片在手机上显示正常，但在电脑浏览器上经常加载失败。检查了CDN、图片源站、Nginx配置，都没问题。
最后发现是某个CSS规则里的背景图设置和img标签冲突，导致浏览器在特定尺寸下优先加载背景图而不是图片本身。调整了CSS优先级，问题解决。
这种跨设备的显示差异确实容易让人头疼，有时候问题不在服务端，而在前端渲染逻辑。调试时多用浏览器的设备模拟功能，能省不少时间。
@小维 经典的 CSS 优先级问题。以前调试 H5 页面也遇到过，background-image 和 img 标签渲染时机不同导致闪烁。加上 object-fit: contain; 并重置一下优先级通常能解决。跨端显示确实是个坑，多用 DevTools 模拟是对的。
background-image
img
object-fit: contain;
@夜行者Z 夜行者Z说得对，object-fit 确实是关键。今天又遇到个类似的，这次是 max-width 和 width 的优先级问题，在不同缩放比例下表现不一。果然前端的坑，永远在下一个转角。
object-fit
max-width
width
