2010-12-09 28 views
4

hey guys, Je construis actuellement un site web optimisé pour les appareils mobiles.android et webos pas de mise à l'échelle du contenu?

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

i ont une grille javascript dynamique et je ne veux pas mise à l'échelle sur les appareils mobiles. la ligne ci-dessus fonctionne parfaitement sur l'iphone mais je pense que cela ne fonctionne pas sur android ou webos. toute idée comment je peux définir un mode NO-SCALE pour ces appareils mobiles aussi bien. Donc, il n'y a pas de pincement & zoom et la largeur de l'appareil est la largeur de 100% du navigateur?

merci pour vos conseils.

concernant mat

Répondre

6

Selon http://developer.android.com/guide/webapps/targeting.html#Metadata, la propriété "évolutive utilisateur" doit être réglé sur "non", et non 0. Donc:

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

EDIT: Un peu plus d'infos près du bas de la page à Safari Reference Library - Supported Meta Tags:

utilisateur évolutive
Détermine si l'utilisateur peut effectuer un zoom avant ou arrière, que l'utilisateur puisse ou non modifier l'échelle de la fenêtre . Défini sur yes pour autoriser la mise à l'échelle et no pour interdire la mise à l'échelle. Le par défaut est yes.

Réglage user-scalable à no également empêche une page Web de défilement lorsque saisie de texte dans un champ de saisie.

Disponible dans iOS 1.0 et versions ultérieures.