Javascript IE/Edge SVG加载/渲染问题
当我在Microsoft Edge中打开我的网站时，一切看起来都很正常，除了徽标的左侧与右侧不同步——B的外观很好，很平滑，但S的计时稍微落后，非常不稳定。刷新了几次，结果总是一模一样。此外，如果我向下滚动并向上滚动到边缘的顶部，S有时只绘制了一部分（即，它的底部缺失），即使它在我第一次打开页面时已完全绘制Javascript IE/Edge SVG加载/渲染问题,javascript,css,internet-explorer,svg,microsoft-edge,Javascript,Css,Internet Explorer,Svg,Microsoft Edge,当我在Microsoft Edge中打开我的网站时，一切看起来都很正常，除了徽标的左侧与右侧不同步——B的外观很好，很平滑，但S的计时稍微落后，非常不稳定。刷新了几次，结果总是一模一样。此外，如果我向下滚动并向上滚动到边缘的顶部，S有时只绘制了一部分（即，它的底部缺失），即使它在我第一次打开页面时已完全绘制 @关键帧在中反弹{ 0% { 变换：比例（0）； } 40% { 变换：比例（1）； } 70% { 变换：比例（0.9）； } 100% { 变换：比例（1）； } } #标志{ 动画：
@关键帧在中反弹{
0% {
变换：比例（0）；
}
40% {
变换：比例（1）；
}
70% {
变换：比例（0.9）；
}
100% {
变换：比例（1）；
}
}
#标志{
动画：在700毫秒内弹跳，快进快出向前；
边缘底部：20px；
最大高度：70vh；
}
s{
变换原点：50%50%；
笔划阵列：128px；
行程偏移：-128px；
动画：向前画1500毫秒500毫秒；
}
b-back{
变换原点：50%50%；
行程：93px；
行程偏移：-93px；
动画：后撤1500ms向前500ms；
}
.b-front-2{
变换原点：50%50%；
笔划阵列：124px；
动画：向前画b-front 1500ms 500ms；
转换：translateX（-0.2px）；
}
.标志阴影{
不透明度：0；
动画：以1秒的速度向前1500毫秒绘制阴影；
}
@关键帧draw-s{
从{
行程偏移：128px；
}
到{
行程偏移：0px；
}
}
@关键帧缩回{
从{
行程偏移：93px；
}
到{
行程偏移：0px；
}
}
@关键帧绘制-b-front{
从{
行程偏移：0px；
}
到{
行程偏移：124px；
}
}
@关键帧绘制阴影{
从{
不透明度：0；
}
到{
不透明度：1；
}
}
.标志圈{
填充：#3BB383；
}
.标志阴影{
填充：#349F74；
}
.标志文字{
填充：无；
冲程：#FFFFFF；
笔画宽度：8；
行程限制：10；
}
.logo-text-2{
填充：无；
行程：#3BB383；
笔画宽度：9；
行程限制：10；
}