Размер шрифта для всей страницы изменяется после того, как я обновлю sh страницу - PullRequest
Новая
       24

Размер шрифта для всей страницы изменяется после того, как я обновлю sh страницу

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

Когда я загружаю веб-сайт, размер шрифта меньше, чем он должен быть, но после того, как я нажму на ссылку «О программе» на панели навигации и затем обновлю sh страницу, размер шрифта вернется к нормальному , Скажите, пожалуйста, в чем проблема, чтобы размер шрифта оставался неизменным. Спасибо.

HTML

      <nav>
        <ul class="nav__links">
          <li><a href="#about__us">About</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <div class="about__us">
        <h1>About Us</h1>
        <article id="about__us">
        </article>
        <img src="./img/about_us.jpg" alt="T-shirts">
      </div>
    </main>

CSS

/* nav bar */
nav a, li, button{
  font-weight: 500;
  font-size: 16px;
  color: #edf0f1;
  text-decoration: none;
}

header .logo{
  float: left;
  width: 15vh;
  height: 15vh;
}

header h1{
  font-family: "Pacifico";
  font-size: 3em;
  background: -webkit-linear-gradient(111.64908977695836deg, rgba(186, 213, 241,1) 5.0548245614035086%,rgba(42, 39, 107,1) 97.59868421052632%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*------------------------------------------------------------------------------
about us*/
.about__us{
  margin: 70px auto 30px auto;
  position: relative;
  font-size: 1em;
  background-image: linear-gradient(113.07147634698413deg, rgba(51, 69, 79,0.8) 5.0548245614035086%,rgba(31, 41, 47,0.5) 97.59868421052632%);
}

.about__us h1{
  text-align: center;
  position: relative;
  display: block;
  top: 10vh;
  left: 2vh;
  width: 10%;
  font-weight: 900;
  font-size: 4em;
  z-index: 1;
}

.about__us article{
  position: relative;
  right: 10%;
  bottom: 10vh;
  font-family: "Merriweather";
  text-align: left;
  float: right;
  margin: 20px auto 20px auto;

}
...