旧版Edge（12–18）完全不支持clip-path和object-fit，解析时直接跳过，需用SVG内联clipPath+background-size:cover降级，并实测微调视觉焦点。
旧版 Edge（12–18）对 clip-path 和 object-fit 均无原生支持，写了等于没写——不是“效果不准”，是直接跳过解析，回退到默认拉伸或截断行为。
clip-path 在旧 Edge 中完全失效，连 @supports 都检测不了
旧 Edge 不支持 @supports (clip-path: polygon(0 0))，这个检测语句本身就会被忽略，所以不能靠它做渐进增强。更关键的是：即使你用了 SVG clipPath，若父容器设了 overflow: hidden 却没加 position: relative 或 transform: translateZ(0)，裁剪区域会被 Safari 和旧 Edge 截断。
-
clip-path: url(#avatar_clip)必须用合法 CSS 标识符，#avatar.clip或#avatar/clip会解析失败 -
<img>同时用了object-fit: cover和clip-path: url(#id)，图像先拉伸再裁剪，坐标系已偏移，结果错乱 - 对
display: inline元素直接应用clip-path无效，得先设成display: block或inline-block
object-fit 在旧 Edge 中根本不存在，降级必须手动接管
旧 Edge（含 IE11）压根不识别 object-fit，浏览器直接按 fill 行为渲染，图片严重变形。纯 CSS 最稳的降级是改用 background-size: cover，但它要求：<img> 必须换成 <div> + background-image，且容器宽高必须明确（aspect-ratio 在 IE 中无效）。
用于构建、编译或部署 WebAssembly HTTP 应用到 Gcore FastEdge 边缘计算——触发关键词为“deploy to FastEdge”“build a FastEdge app”“Wasm on the edge”“Gcore edge function”、上传 .wasm 文件或使用 fastedge Rust SDK。
-
background-position必须写死为50% 50%，center center在 IE11 下不稳定 - 必须显式声明
background-repeat: no-repeat，否则 IE 可能平铺 - 如果必须保留
<img>标签，可用object-fit-images插件，但需确保：父容器有position: relative、图片加载完成后再调用objectFitImages()、CSS 中已声明object-fit和object-position
视觉焦点偏移是最大隐藏坑，必须实测微调
background-size: cover 和 object-fit-images 的裁剪基准点与现代浏览器不一致，尤其当容器宽高比和图片差异大时（比如竖版人像放进横版卡片），脸部可能意外切掉。这不是参数错了，是 IE 渲染引擎对比例计算本身就有偏差。
立即学习“前端免费学习笔记（深入）”；
-
object-position: 50% 50%在插件中转为transform偏移，但 IE 对em/rem计算不准，只推荐用%或px - 理论值毫无意义，必须在真实 IE 环境下预览；常见微调如改成
47% 53%才能对齐视觉焦点 - 动态插入的
<img>（如 Vue/React 渲染后）需手动再次调用objectFitImages()，否则不生效
真正麻烦的从来不是“怎么写”，而是“怎么让旧 Edge 里那张人脸不被切掉”——这没法靠通用规则解决，只能在目标环境反复试，把百分比调到眼睛刚好露出来为止。
