安卓设备（Chrome）上网站产品缩略图变形问题排查求助

以下是导致该问题的常见原因：

• object-fit属性兼容性偏差：部分旧版本安卓Chrome对object-fit: cover或contain的渲染逻辑存在问题，当容器宽高比与图片原生比例差异较大时，会出现拉伸/压缩变形。
• 设备像素比（DPR）适配问题：若页面未正确配置viewport meta标签，或CSS中使用固定像素值定义容器宽高，高DPR的安卓设备可能因像素换算错误导致图片变形。
• 图片加载布局偏移：如果图片容器未设置固定宽高占位，安卓Chrome在图片加载前后的布局计算可能出现偏差，最终导致图片显示异常。
• CSS变换属性冲突：针对其他设备设置的transform、scale等样式，在安卓Chrome环境下可能触发意外的缩放行为，影响图片显示。
• 旧资源缓存：用户设备缓存了旧版CSS样式或图片资源，与当前页面的布局规则不匹配，引发显示问题。
• 硬件加速渲染bug：部分安卓Chrome版本开启硬件加速后，图片渲染模块出现异常，关闭硬件加速后可恢复正常显示。

内容的提问来源于stack exchange，提问作者mbajur