升级iOS 16.4后Shopify网站部分全屏图片被裁剪问题咨询

• CSS属性解析逻辑调整：iOS 16.4对object-fit、background-size这类控制图片显示的CSS属性的处理逻辑做了更新。比如之前用object-fit: cover配合容器尺寸实现全屏显示时，旧版iOS的适配逻辑在新版中发生变化，导致图片被过度裁剪；或是background-position的基准计算点改变，让背景图的显示区域偏移。
• 视口行为变更：iOS 16.4修改了viewport-fit=cover这类视口属性的默认处理逻辑。如果你的网站依赖该属性实现全屏布局，新版系统下容器的宽高计算值和旧版出现差异，图片容器尺寸变化后就会出现裁剪问题。
• WebKit渲染bug：iOS 16.4的WebKit内核（Safari基于此）可能存在渲染bug，比如处理响应式图片时，没有正确根据设备像素比加载对应尺寸的资源，或是容器尺寸动态调整时，图片重绘逻辑出错，最终导致显示裁剪。
• Shopify主题适配不足：你使用的Shopify主题可能未针对iOS 16.4做适配。主题内用于动态调整图片尺寸的JS代码，在新版iOS浏览器环境下获取的容器尺寸、滚动参数等出现偏差，引发图片裁剪。
• 图片格式渲染规则变化：若这些全屏图片使用了WebP等格式，iOS 16.4可能对这类格式的解码或显示规则做了调整，即便之前支持，新版下的渲染变化也会导致显示异常。

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