Несовместимый размер шрифта в Mobile View в зависимости от высоты div? - PullRequest
Новая
       10

Несовместимый размер шрифта в Mobile View в зависимости от высоты div?

0 голосов
/ 04 июня 2018

Соответствующая часть моего HTML выглядит следующим образом: 

<div class="container-main">
<p>TEXT HERE<\p>
</div>

Мой CSS выглядит следующим образом: 

p {
   font-size: 20px;
}
.container-mobile {
   background-color: white;
   margin-top: 100vh;
   width: 100wv;
   height: 600px;
}

Текст довольно мал на мобильном, хотя я установил font-размер до 16 пикселей.Если я изменю высоту на 'auto', шрифт внезапно станет намного больше.Почему изменения?И какой способ обработки шрифтов предпочтителен для мобильных устройств?

1 Ответ

0 голосов
/ 04 июня 2018

Добавление окна просмотра в раздел заголовка вашей страницы решило проблему 

p {
   font-size: 20px;
}
.container-mobile {
   background-color: white;
   margin-top: 100vh;
   width: 100wv;
   height: 600px;
}

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<div class="container-main">
<p>TEXT HERE</p>
</div>
...