Мобильная версия сайта увеличена при запуске - PullRequest
Новая
       10

Мобильная версия сайта увеличена при запуске

0 голосов
/ 03 июня 2019

Когда мой веб-сайт (www.missnisaa.com) запускается на мобильном устройстве, страница масштабируется. Пользователь должен ущипнуть, чтобы получить правильный масштаб. Как получить правильную шкалу при запуске?

Я пытался изменить начальную шкалу, максимальную шкалу и минимальную шкалу на разные числа, но безрезультатно

Это текущий код: 

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="true">

Я также попытался изменить css. Текущий код: 

/*------------------------------------------------------------------------------------------------------*/
/*Mobile*/
/*------------------------------------------------------------------------------------------------------*/

/* Portrait and Landscape */
@media only screen
  and (max-width: 768px)
  and (-webkit-min-device-pixel-ratio: 1) {
html {
 -ms-text-size-adjust: none;
 -webkit-text-size-adjust: none !important;
}

Страница всегда увеличивается независимо от мобильного браузера. Я тестировал только на iOS, так как у меня нет телефона для Android.

Ответы [ 2 ]

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

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

Я тоже пробовал 

width: 100% !important;

но это тоже не работает.

0 голосов
/ 03 июня 2019

У вас есть width: 768px !important; в правиле CSS для body (в медиа-запросе ниже 768 пикселей). Таким образом, ваш контент всегда будет слишком широким для смартфонов, поэтому ваш iPhone явно увеличивает слишком широкое тело, чтобы уместить его на экране. Просто удалите это - ширина по умолчанию auto равна 100%, что вам нужно для адаптивного веб-сайта.

...