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

Question

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

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

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

标签： javascripthtmlcss

Answer 1

尝试这个。

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