Невозможно получить версию сайта iPhone в масштабе / увеличении

Question

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

Моя ссылка на мою конкретную таблицу стилей работает, однако, метаданные, кажется, не в порядке! Это сайт Wordpress, и в настоящее время это все, что у меня есть:

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

<?php if (is_search()) { ?>
     <meta name="robots" content="noindex, nofollow" /> 
<?php } ?>

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

У кого-нибудь есть идея, почему это не сработает?

Answer 1

Вы отключили масштабирование пользователя. Удалить user-scalable=0 и вы должны решить эту конкретную проблему.

Вы также должны избавиться от maximum-scale настройки, если у вас нет причины не любить значение по умолчанию, которое составляет 5.

"Масштабируемый пользователем: Определяет, может ли пользователь увеличивать и уменьшать масштаб, может ли пользователь изменять масштаб области просмотра. Установите значение" да ", чтобы разрешить масштабирование, и" нет ", чтобы запретить масштабирование.

По умолчанию да.

Установка для пользовательского значения no значения также предотвращает прокрутку веб-страницы при вводе текста в поле ввода.

Доступный в iOS 1.0 и позже. "

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

(Примечание: 1 и 0 иногда используются вместо true / false и yes/no. Здесь ваш 0 совпадает с no.)