Медиа-запросы не работают, хотя у меня есть главный тег - PullRequest
Новая
       4

Медиа-запросы не работают, хотя у меня есть главный тег

0 голосов
/ 31 августа 2018

Мои медиа-теги не кажутся 2-мя работами, даже при том, что у меня в голове есть тег viewport. Я пытаюсь изменить размер шрифта при снижении разрешения. Я не уверен, что делаю неправильно, но хотел бы помочь. 

<? ?>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="main.css">
    <meta charset="utf-8">
    <link href='https://fonts.googleapis.com/css?family=Changa One' rel='stylesheet'>
    <script src="main.js"></script>
  </head>
  <body style="background-color: #bdc3c7">
    <div class="navBar">
    </div>
    <div class="container">
      <div class="pLbl" style="font-family: 'Changa One';">
        Enter Password to enter:
      </div>
      <div>
      <input class="pInput" id="pInp" type="password"></input>
    </div>
    <div>
      <div class="tooltip">
        <button class="pBtn" onclick="pLogin()"></button>
        <span class="tooltiptext">Submit</span>
        </div>
    </div>
    </div>
  </body>
</html>


<style>
    .pLbl {
    font-size: 24px;
    color: rgb(50,50,50);
}

@media screen and (max-width: 640px)
{
  .pLbl {
  font-size 12px;
  }
  }
</style>

1 Ответ

0 голосов
/ 04 сентября 2018

Это просто потому, что вы забыли двоеточие после размера шрифта в медиа-запросе:)

PS: В то время как современные браузеры имеют исправление кода для недопустимого HTML, я советую вам поместить тег стиля в свою голову, объявить тип документа и записать ввод с помощью самозакрывающегося тега.

...