Включить зум на мобильном сайте

Question

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

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

Я хочу знать:

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

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

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

Answer 1

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

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

Answer 2

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

Answer 3

также можно масштабировать до 1.

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