更新时间:2022年09月21日

最优建议及卡顿情况报告

  • 最佳浏览器:Chromium 版本不低于 100 的 Edge 或 Chrome。
  • 最佳分辨率:电脑端设备高于 1920 × 1080 。
  • 因为使用了大量动画渲染,因此在性能一般的电脑上或没有开启硬件加速的浏览器,可能会出现卡顿。
最新版浏览器兼容性报告
Chrome / Edge / Opera
	无问题

Safari ios
	transform 和 border-radius 同时使用会导致 border-radius 失效 bug 已有替代方案 在父元素添加 transform:rotate(0deg)
	white-space: nowrap 和 overflow-x: scroll 横向滚动失效 bug 无解

Firefox
	部分动画运行时掉帧 浏览器问题 无解
	overflow: overlay 失效浏览器问题 无解
	webkit 自定义进度条样式失效浏览器问题 无解
	transition 和 animation 同时使用会导致 animation-delay 对 transition 生效bug 无解

QQ 浏览器 / 360 浏览器
	部分动画运行时掉帧 浏览器问题 无解
	scale 不支持 浏览器问题 不影响关键浏览
	transform scale 和 filter opacity 同时使用会导致 img 透明区域不透明并出现黑色bug 已有替代方案

IE 全系 / EdgeHTML / UC 浏览器
	已放弃兼容

注:以上浏览器版本,均为截止上述更新日期最近的最新版进行测试。

欢迎反馈您发现的问题