Похоже, что они используют метатег "viewport", чтобы указать ширину страницы. Это, вероятно, установлено меньше доступной ширины экрана мобильного Opera, поэтому кнопка Zoom не нужна.
Вот тег, который используется в мобильной версии Opera.com:
<meta name="viewport" content="width=320" />
Чтобы не допустить масштабирования вашей страницы, я бы установил следующий тег:
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no" />
Хотя удержание пользователя от масштабирования не будет моим первым выбором в отношении пользовательского интерфейса.
Сайт разработчика оперы описывает поддержку этого тега :
Метатег области просмотра
Метатег viewport содержит информацию о предпочтительных настройках viewport для просмотра HTML-страницы, в которой он содержится. Как и любой другой метатег, viewport находится внутри элемента head вашей HTML-страницы - браузеры, которые его поддерживают, используют эту информацию для более подходящего отображения веб-страницы для этого устройства, в то время как браузеры не просто игнорируют ее. Первоначально он был создан Apple, чтобы улучшить способ отображения веб-страниц на iPhone, но мы добавили его поддержку в Opera Mobile 9.5, потому что это хороший способ оптимизации отображения информации для различных мобильных устройств. Тег выглядит так:
Все, что в нем содержится, - это атрибут meta, который указывает, что это метатег области просмотра, и атрибут содержимого, который содержит разделенный запятыми список различных значений, которые вы хотите указать для этой страницы. Вы можете указать следующие данные:
- ширина и высота: они задают ширину и высоту, на которой должен быть установлен видовой экран для этой веб-страницы. Значения могут быть установлены в пикселях, или вы можете использовать значения device-width и device-height соответственно, чтобы указать, что ширина и высота должны быть установлены как полная ширина и высота экрана устройства. Значение по умолчанию ширины составляет 980 пикселей, и его можно установить в диапазоне от 200 до 10000 пикселей. Значение высоты по умолчанию рассчитывается исходя из ширины устройства и его соотношения сторон, и его можно установить в диапазоне от 223 до 10000 пикселей.
- initial-scale: устанавливает начальный масштаб веб-страницы при ее первом отображении. По умолчанию он просто заполняет весь экран устройства, если вы намеренно не установите его иначе.
- минимальный масштаб и максимальный масштаб: они определяют минимальные и максимальные суммы, которые пользователь может увеличивать и уменьшать, их значения являются множителями. Минимальный масштаб имеет значение по умолчанию 0,25, и его значение может варьироваться от чуть выше нуля до 10,0. Значение максимального масштаба также может варьироваться от чуть выше нуля до 10,0.
- масштабируемый пользователем: Указывает, разрешено ли пользователю увеличивать и уменьшать масштаб. Возможные значения - да и нет, по умолчанию - да.
Opera Mobile 9.5 полностью поддерживает метатег viewport с несколькими характерными особенностями поведения. Он игнорирует масштабируемый пользователем, минимальный и максимальный масштаб, потому что мы считаем, что масштабирование - это функция браузера, которая всегда должна быть доступна для пользователей. Кроме того, поскольку наличие метатега области просмотра в разделе заголовка страницы указывает на то, что автор позаботился об оптимизации для мобильных устройств, рендеринг на малых экранах не применяется. Это означает, что страницы с поддержкой видового экрана будут выглядеть одинаково, независимо от того, включено или выключено «Мобильное представление».
Рекомендуется, чтобы значения ширины и высоты не были жестко заданы для одного устройства, такого как iPhone; вместо этого вы должны установить для них значения device-width и device-height, чтобы ваши страницы также хорошо работали на устройствах VGA, QVGA, WVGA и WQVGA.