Включить трансляцию мобильного сайта

Я разрабатываю мобильный веб-сайт. Но эффект масштабирования не работает на моих страницах. Я использовал следующий тег на страницах.

<meta name="viewport" 
      content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

Я хочу знать:

  • Можно ли получить эффект масштабирования с помощью этого тега и как правильно его использовать?

  • Есть ли еще теги, которые я могу использовать для этой цели?

  • Наша клиентская база в основном работает на iPhone. Существуют ли особые вещи/методы, которые я должен рассмотреть/использовать при разработке мобильного веб-сайта для пользователей iPhone?

Ответ 1

Это связано с тем, что вы установили максимальную шкалу в минимальную сумму (1.0), что означает, что она не будет масштабироваться сверх того, что изначально отображается. Вам нужно установить максимальный масштаб на что-то еще между 1.0 и 10.0 в этом метатеге. По умолчанию Apple должна иметь максимальный масштаб как 5.0 по Документация Apple.

Документация Apple на метатеги содержит таблицу свойств Viewport, в которой перечислены все метатеги viewport, которые можно использовать

Ответ 2

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

Ответ 3

установите также масштабируемость для пользователя на 1.

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=10.0; user-scalable=1;" />