jQuery Mobile indésirables avec zoom, sélectionnez menu

Lorsque l'on clique sur un menu de choix, natif sélectionnez montre qui est ce que je veux. Mais il a également fait un zoom de la page.

Puis-je désactiver le zoom à l'échelle mondiale?

En raison de contraintes de mise en page beaucoup de mes divs s'asseoir à l'extérieur de <div data-role="content">.

Mon sélectionnez ressemble.

<div id="inputField">
  <select name="shipping[shipping_method]" id="shipping[shipping_method]">
    <option value="opt_1">Option 1</option>
    <option value="opt_2">Option 2</option>
  </select>
</div>

OriginalL'auteur pcasa | 2011-07-18

  1. 6

    Vous pouvez désactiver globalement le zoom avec la fenêtre d'affichage de la balise meta. Je ne suis pas familier avec la façon dont le navigateur effectue un zoom avant lorsque vous cliquez sur un objet de formulaire donc je ne suis pas 100% sûr que ce sera un travail valable-le tour de votre situation (mais il y a toujours quelque chose à essayer...):

    <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >

    REMARQUE: pour désactiver le zoom, la partie importante est: "initial-scale=1.0,maximum-scale=1.0". La définition de ces valeurs dans le même désactiver le zoom.

    Si simple. Merci!
    Que faire si je ne veux pas complètement désactiver le zoom sur ma page, mais seulement pour sélectionner les menus?
    Nevermind. Malheureusement: github.com/jquery/jquery-mobile/issues/2069
    qui a été utile! merci!

    OriginalL'auteur Jasper

  2. 12

    J'ai résolu le problème ci-dessus en augmentant la taille de la police. La taille minimale de la police que safari nécessite pas de zoom en cliquant sur le texte est 50px. J'ai donc ajouté la règle css suivante:

    .ui-select .ui-btn select{
font-size: 50px;
}

    Puisque le texte est caché de toute façon, il n'a pas d'incidence sur l'affichage. Et, vous pouvez garder le zoom sur.

    OriginalL'auteur Tanay

  3. 3

    Jasper la solution de la cause de mon pages de ne pas re-à l'échelle correctement lors d'un changement d'orientation de l'écran, un peu meilleure solution qui fonctionne correctement dans les deux orientations est:

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    OriginalL'auteur zack