Как я могу открыть мой проект HTML с правильным разрешением на мобильных телефонах?

Question

Итак, ребята, недавно я закончил веб-сайт, я делал это в окне с минимальной шириной, разрешенной Chrome, чтобы он мог хорошо отображаться на мобильных телефонах, дело в том, что я наконец открыл его в мобильном телефоне он отображался как P C на самом широком экране. Насколько я понимаю, проект уже был реализован для работы в мобильных. Что пошло не так в этом проекте? Как я могу это исправить?

Вот изображение, чтобы проиллюстрировать, о чем я говорю

For more details I have a link here for this project: https://github.com/MestreALMO/MestreALMO.github.io

Answer 1

Вы объявляете этот метатег <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=0.8">.

Вы должны попытаться разделить его на два разных метатега:

• <meta charset="utf-8">
• <meta name="viewport" content="width=device-width, initial-scale=0.8">