字体大小增加延迟问题

Question

我正在使用我在Codepen上找到的这个加载屏幕动画。在移动设备上，我发现屏幕尺寸非常小。我正在使用媒体查询来增加大小，如下所示

@media (min-width: 576px) { 
.counter p, counter h1{
font-size:200%
}
}

字体大小仅在加载动画达到 100% 后增加。我不知道为什么

Answer 1

试试这个。

@media (max-width: 576px) { 
.counter p, .counter h1{
font-size:2em;
}
}