Firebase не рендерит CSS Изменения - PullRequest
Новая
       4

Firebase не рендерит CSS Изменения

0 голосов
/ 16 апреля 2020

Я внес некоторые изменения в мой CSS файл, который работает со свойствами мобильного дисплея, но каждый раз, когда я запускаю 'firebase deploy', в моем домене ничего не меняется. Все остальные мои 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;
  }
}

1 Ответ

1 голос
/ 16 апреля 2020

Сначала я попытался изменить цвет фона .body, но он не сработал, поэтому было решено добавить новый файл 'mobile. css', добавить ссылку на него в index. html, а затем повторно развернуть app.

Редактировать: После дополнительных изменений я заметил, что 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;
    }
  }
...