почему мой сайт не реагирует на просмотр с мобильных устройств? - PullRequest
0 голосов
/ 08 ноября 2019

Сайт, с которым у меня проблемы, это kayparkmemorials.com. Если вы просматриваете его на своем ноутбуке / настольном компьютере и масштабируете веб-сайт до минимально возможного масштабируемого окна, он, кажется, работает должным образом. По какой-то причине, когда я просматриваю сайт на своем мобильном телефоне, он отображает вид, как если бы он был в виде планшета.

У меня максимальная ширина для мобильного просмотра установлена ​​как: @media screen и (max-width: 815px)

У кого-нибудь были какие-либо предыдущие проблемы, подобные этому, и есть какие-то советы? Еще одна важная вещь, которую я должен добавить, это то, что при тестировании сайта в Dreamweaver путем сканирования штрих-кода, чтобы получить предварительный просмотр на моем мобильном телефоне, он был предварительно просмотрен, как и ожидалось. После этого я ничего не изменил в кодировке, и как только она официально появится в сети (1 & 1 HOSTING), отзывчивость на мобильных устройствах делает не то, что нужно.

1 Ответ

1 голос
/ 08 ноября 2019

Вам нужно добавить метатег viewport в заголовок вашей страницы, если вы не сделаете этого, по умолчанию для браузеров смартфонов используется масштабирование страницы рабочего стола.

То, что вы хотите, это

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">  
...  
</head>  

Удачи!

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