javascript - 字体大小增加延迟问题

Question

我正在使用 this我在 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;
  }
}