浏览器兼容性
支持范围
| 浏览器 | 支持状态 |
|---|---|
| Chrome | ✅ 最新两个大版本 |
| Firefox | ✅ 最新两个大版本 |
| Safari | ✅ 最新两个大版本 |
| Edge | ✅ 最新两个大版本(Chromium 内核) |
| IE11 | ❌ 不支持 |
技术说明
@gulcc/tabler-vue 和 @tabler/core 依赖以下现代 Web 技术:
- CSS Custom Properties(CSS 变量)— 用于主题定制
- CSS Flexbox / Grid — 用于布局引擎
- ES2015+ — JavaScript 模块与解构语法
- ResizeObserver — 用于响应式组件
- IntersectionObserver — 用于滚动监听
IE11 不支持上述特性,因此不在兼容范围之内。
Polyfill
如果你需要在较旧浏览器中使用,可以考虑添加以下 polyfill:
bash
npm install core-js resize-observer-polyfill intersection-observerts
// main.ts 入口处引入
import 'core-js/stable'
import 'resize-observer-polyfill'
import 'intersection-observer'注意:即使添加 polyfill,IE11 及更早版本仍无法支持 CSS 变量和 Flexbox 布局。