Firebase 不呈现 CSS 更改答案

【问题标题】：Firebase not rendering CSS ChangesFirebase 不呈现 CSS 更改
【发布时间】：2020-04-16 14:26:43
【问题描述】：

我对适用于移动显示属性的 CSS 文件进行了一些更改，但每次我运行“firebase deploy”时，我的域都没有任何变化。我所有的其他 CSS 属性都运行得很好。我的目标是在移动设备上隐藏一个日历，并显示另一个。您可以在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;
  }
}

【问题讨论】：

如果您更改其他内容，是否适用？
不！谢谢。我刚搬家创建了一个新的 CSS 文件，一切正常。
我为你感到高兴:) 写下并回答你的问题并将其标记为正确答案。

标签： css firebase firebase-hosting

【解决方案1】：

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

编辑：经过更多修改后，我注意到 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;
    }
  }

【讨论】：