Изменение размера HTML и CSS на мобильном телефоне с помощью Codepen, но не после публикации на Github или Bluehost - PullRequest
0 голосов
/ 05 февраля 2020

По какой-то причине у меня есть код, который полностью идентичен, и он отлично работает, когда я тестирую его на codepen, но он не изменится вообще, когда я принесу его на github для публикации.

Кодовый код: https://codepen.io/daniel-albano/pen/ExaedBr?editors=1100

Это один фрагмент моего CSS с неправильным изменением размера:

.mission2 p {
    font-size: 1.5vw;
    font-family: 'roboto';
    padding: 4% 0% 0% 0%;
    clear: right;
    line-height: 1.4;
}

Фактический веб-сайт находится по адресу: MF ASP .com

Я, честно говоря, понятия не имею, на что обратить внимание по причине этого, поскольку оба кода абсолютно одинаковы.

Ответы [ 2 ]

0 голосов
/ 05 февраля 2020

Исходя из вашей проблемы, вам нужно добавить метатег viewport на свою страницу head. Это чаще всего <meta name="viewport" content="width=device-width, initial-scale=1.0">.

Таким образом, ваш html будет иметь Doctype, сопровождаемый чем-то вроде ..

<head>
...
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
...
</head>
0 голосов
/ 05 февраля 2020

Так что я немного покопался и нашел решение. Я не привык использовать

meta name="viewport" content="width=device-width, initial-scale=1.0"

этот тег, но добавление его в мой html позволило браузеру изменить размер.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...