Как вы можете остановить масштабирование веб-страницы с iPhone?

Question

Некоторые мобильные веб-сайты, такие как мобильный веб-сайт BBC , не позволяют увеличивать главную домашнюю страницу на iPhone - как это происходит. Есть ли директива, которая должна быть включена в код HTMl или что-то в этом роде?

Answer 1

Вам просто нужно сказать iPhone, чтобы пользователь не увеличивал масштаб, с мета-тегом:

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

Это все равно должно позволять вашей веб-странице вращаться, но не масштабировать.

Answer 2

Это потому, что ширина сайта установлена ​​на собственное разрешение дисплея iPhone. Mobile Safari никогда не увеличивает масштаб на 100% ни на одном сайте, на сайте стандартного размера, скажем (шириной 1000 пикселей), для начала он масштабируется, и вы задаете уровень масштабирования при двойном касании или с помощью жеста повышения.

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

В CSS это будет сделано так:

div#wrapper
{
  width: 320px;
}