2010-12-09 14 views
4

Hey Jungs, Ich baue derzeit eine Website für mobile Geräte optimiert.Android und Webos keine Inhaltsskalierung?

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

Ich habe ein dynamisches Javascript Grid und ich möchte keine Skalierung auf mobilen Geräten. Die obige Zeile funktioniert perfekt auf dem iPhone, aber ich denke, es funktioniert nicht auf Android oder Webos. Irgendeine Idee, wie ich einen NO-SCALE-Modus auch für diese mobilen Geräte einstellen kann. Also gibt es keine Prise & Zoom und die Geräte-Breite ist die 100% Browser-Breite?

danke für Ihre Tipps.

Grüße matt

Antwort

6

Nach http://developer.android.com/guide/webapps/targeting.html#Metadata, die "user-scalable" Eigenschaft festgelegt werden muss, um "Nein", nicht 0. Also:

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

EDIT: Ein bisschen mehr Info am unteren Rand der Seite an Safari Reference Library - Supported Meta Tags:

benutzer skalierbare
Legt fest, ob der Benutzer vergrößern oder verkleinern kann, unabhängig davon, ob der Benutzer die Skalierung des Sichtfensters ändern kann. Stellen Sie yes ein, um Skalierung und no Skalierung zu ermöglichen. Die Standardeinstellung ist yes.

Einstellung user-scalable zu no auch verhindert, dass eine Webseite von Scrollen, wenn Text in einem Eingabefeld eingeben.

Verfügbar in iOS 1.0 und höher.