Firebase 未呈现 CSS 更改

Question

我对适用于移动显示属性的 CSS 文件进行了一些更改，但每次运行 'firebase deploy' 我的域都没有任何变化。我的所有其他 CSS 属性都运行ning 很好。我的目标是在手机上隐藏一个日历，并显示另一个。您可以在 my site.

中看到发生了什么

@media screen and (max-width: 600px){
  .computer-calendar{
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

@media screen and (min-width: 600px){
  .mobile-calendar{
    visibility: visible;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

Answer 1

首先我尝试更改 .body 背景颜色但它没有用，所以解决方案是在 index.html 中添加一个新文件 'mobile.css', link然后重新部署应用程序。

编辑：经过更多更改后，我注意到 CSS 文件只能部署一次。

@media screen and (max-width: 600px){
    .computer-calendar{
      visibility: hidden;
      clear: both;
      float: left;
      margin: 10px auto 5px 20px;
      width: 28%;
      display: none;
    }
  }

  @media screen and (min-width: 600px){
    .mobile-calendar{
      visibility: visible;
      clear: both;
      float: left;
      margin: 10px auto 5px 20px;
      width: 28%;
      display: none;
    }
  }

Firebase 未呈现 CSS 更改

Firebase not rendering CSS Changes

css

firebase

firebase-hosting