CANIUSE.md

兼容性报告

• ⚠️ > chrome 97+ / safari 17.0+
• ❌ > chrome 114+ / safari 17.5+
• 🤖 Android
• 🍎 IOS
• 🧩 Shim Support

1. ✅ 🧩 ⚠️ 🤖 color-mix()
   • 有垫片 <css-color-mix>
   • chrome 111+
   • safari 16.8+
2. ✅ System colors: AccentColor and AccentColorText
   • 有垫片，非致命
   • chrome#enable-experimental-web-platform-features 115+
   • safari 16.5+
3. ✅ scrollbar-width:none
   • 有垫片，非致命
   • chrome 121+
   • safari 18.2+
4. ✅ overflow:clip
   • 无垫片
   • chrome 90+
   • safari 16.0+
5. ✅ 🧩 scrollend event
   • 有垫片
   • chrome 114+
   • safari 未支持
6. ⚠️ 🤖 popover
   • 无垫片
   • chrome 114+
   • safari 17.0+
7. ⚠️ 🤖 ❌ 🍎 Navigation API
   • 有垫片，但是该垫片对 Safari 的支持并不友好，且具有致命性BUG，未来将开发自己的垫片方案
   • chrome 102+
   • safari 未支持
8. ✅ 🧩 URLPattern API
   • 有垫片
   • chrome 95+
   • safari 未支持
9. ❌ 🤖 ❌ 🍎 anchor-name & position-anchor
   • 无垫片
   • chrome 125+
   • safari 未支持
10. ⚠️ 🤖 CSS Container Queries (Size)
    • 无垫片
    • chrome 106+
    • safari 16.0+
11. ✅ 🧩 ⚠️ 🤖 🍎 CSS at-rule: @starting-style
    • 有垫片 <css-starting-style>
    • chrome 117+
    • safari 17.5+
12. ⚠️ 🍎 ❌ 🍎 View Transitions API (single-document)
    • 无垫片
    • chrome 111+
    • safari 18.0+
13. ⚠️ 🤖 CSS at-rule: @layer
    • 无垫片
    • chrome 99+
    • safari 15.4+
14. ⚠️ 🤖 :has() CSS relational pseudo-class
    • 无垫片
    • chrome 105+
    • chrome 15.4+
15. ✅ selector list argument of :not()
    • 无垫片
    • chrome 88+
    • chrome 9+
16. ✅ CSS selector: :where(): Support for forgiving selector list
    • 无垫片
    • chrome 88+
    • chrome 14+
17. ✅ 🧩 JavaScript built-in: Promise: withResolvers
    • 有垫片
    • chrome 119+
    • safari 17.4+
18. ✅ 🧩 HTMLElement API: inert
    • 有垫片
    • chrome 102+
    • safari 15.5+