字体大小增加延迟问题

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;
  }
}