Как убрать значок зума в опере мобайл?

Я разрабатываю веб-страницу для Opera Mobile. Он имеет небольшой значок масштабирования в левом правом углу. Когда я захожу на сайт www.opera.com, этот значок становится невидимым, а уровень масштабирования фиксируется. Для любой другой веб-страницы он появляется, и я могу увеличивать и уменьшать масштаб страницы. Я хочу, чтобы на моей странице было такое же фиксированное масштабирование. Вероятно, это какое-то свойство css. Знаете ли вы, какие свойства я должен установить и для каких объектов? Или вы думаете, что есть другой способ добиться этого?

Спасибо.


person Szere Dyeri    schedule 24.08.2009    source источник


Ответы (1)


Похоже, они используют метатег viewport для указания ширины страницы. Это, вероятно, установлено меньше, чем доступная ширина экрана мобильной Opera, поэтому кнопка «Масштаб» не нужна.

Вот тег, используемый в мобильной версии Opera.com:

<meta name="viewport" content="width=320" />

Чтобы ваша страница не масштабировалась, я бы установил следующий тег:

<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no" />

Хотя удержание пользователя от масштабирования не было бы моим первым выбором с точки зрения пользовательского интерфейса.

На сайте разработчиков Opera описана поддержка этого тег:

Метатег области просмотра

Метатег области просмотра содержит информацию о предпочтительных настройках области просмотра для просмотра HTML-страницы, в которой он содержится. Как и любой другой метатег, область просмотра находится внутри элемента заголовка вашей HTML-страницы — браузеры, которые его поддерживают, используют эту информацию для более подходящего отображения веб-страницы для этого устройства, в то время как браузеры, которые не просто игнорируют ее. Первоначально он был создан Apple для улучшения отображения веб-страниц на iPhone, но мы добавили его поддержку в Opera Mobile 9.5, поскольку это хороший способ оптимизации отображаемой информации для различных мобильных устройств. Тег выглядит так:

‹метаимя = содержимое области просмотра = ширина = ширина устройства, высота = высота устройства /›

Все, что он содержит, — это мета-атрибут, который указывает, что это метатег области просмотра, и атрибут содержимого, который содержит разделенный запятыми список различных значений, которые вы хотите указать для этой страницы. Различные части информации, которые вы можете указать, следующие:

  • ширина и высота: они определяют ширину и высоту области просмотра для этой веб-страницы. Значения могут быть установлены в пикселях или вы можете использовать значения ширины и высоты устройства соответственно, чтобы указать, что ширина и высота должны быть установлены как полная ширина и высота экрана устройства. Значение ширины по умолчанию составляет 980 пикселей, и его можно установить в диапазоне от 200 до 10 000 пикселей. Значение высоты по умолчанию рассчитывается на основе ширины устройства и его соотношения сторон, и его можно установить в диапазоне от 223 до 10 000 пикселей.
  • начальный масштаб: устанавливает начальный масштаб веб-страницы при ее первом отображении. По умолчанию он просто заполняет весь экран устройства, если вы специально не настроили его иначе.
  • минимальный масштаб и максимальный масштаб: они определяют минимальное и максимальное значения, на которые пользователю разрешено увеличивать и уменьшать масштаб, их значения являются множителями. Минимальная шкала имеет значение по умолчанию 0,25, и его значение может варьироваться от чуть выше нуля до 10,0. значение максимального масштаба также может варьироваться от чуть выше нуля до 10,0.
  • масштабируемый пользователем: указывает, разрешено ли пользователю увеличивать и уменьшать масштаб — возможные значения: да и нет, по умолчанию — да.

Opera Mobile 9.5 полностью поддерживает метатег области просмотра с несколькими примечательными особенностями поведения. Он игнорирует масштабирование пользователем, минимальное и максимальное масштабирование, потому что мы считаем, что масштабирование — это функция браузера, которая всегда должна быть доступна для пользователей. Кроме того, поскольку наличие метатега области просмотра в разделе заголовка страницы указывает на то, что автор позаботился об оптимизации для мобильных устройств, рендеринг на маленьком экране не применяется. Это означает, что страницы с поддержкой области просмотра будут выглядеть одинаково независимо от того, включен или выключен «Мобильный просмотр».

Не рекомендуется жестко задавать значения ширины и высоты для одного устройства, например iPhone; вместо этого вы должны установить для них значения ширины устройства и высоты устройства, чтобы ваши страницы также хорошо работали на устройствах VGA, QVGA, WVGA и WQVGA.

person Raleigh Buckner    schedule 26.08.2009
comment
Спасибо за ответ. Это отвечает на мой вопрос. К сожалению, они не поддерживают атрибут, масштабируемый пользователем, и, похоже, нет способа предотвратить масштабирование. - person Szere Dyeri; 27.08.2009