Comment la force exacte de l'échelle sur ipad

Ce que je suis en train de réaliser est: à force échelle 1.0 lorsque l'ipad est en mode paysage, et 0.75 quand il est en mode portrait, mais avec utilisateur désactivé mise à l'échelle. J'ai essayé toutes les combinaisons de la balise meta "viewport", et rien n'a fonctionné:

  • quand l'utilisateur évolutive est pas, paysage fonctionne très bien, mais il n'a pas d'échelle à 0,75 dans le portrait, n'importe comment j'ai mis maximum et minimum échelle
  • quand l'utilisateur évolutive est oui, il fonctionne très bien parfois, mais comme il ya beaucoup de l'ajout de contenu avec l'ajax, parfois, quand la page est plus longue, la page juste échelles vers le bas pour s'adapter à toute la page à l'écran, et je veux éviter que

Alors, est-il un moyen pour forcer la mise à l'échelle de nombre exact? Ou de désactiver la mise à l'échelle lors de la longueur de la page des changements? (La largeur de la Page doit toujours être 1024px, aucun autre feuille de style css pour une orientation différente et aucune width=device-width, j'ai juste besoin de mise à l'échelle)

OriginalL'auteur Mario | 2011-06-16

  1. 6

    Patrick réponse est def utile, ici, c'est un plus testé la version

    var checkOrientation;
checkOrientation = function() {
  var viewport;
  viewport = document.querySelector("meta[name=viewport]");
  if (window.orientation === 90 || window.orientation === -90) {
    return viewport.setAttribute("content", "width:device-width, initial-scale=1.0, user-scalable=1");
  } else {
    return viewport.setAttribute("content", "width:device-width, initial-scale=0.6, user-scalable=1");
  }
};
window.onorientationchange = function() {
  return checkOrientation();
};
checkOrientation();

    Et n'oubliez pas de mettre dans votre document de tête:

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

    Noter que, l'un de la différence, est la des virgules au lieu de points-virgules dans les arguments

    En fait d'omettre la balise meta dans la tête, tout en utilisant le script, semble avoir résolu certains problèmes pour moi. Je ne peux pas vraiment dire que je comprends bien. Semble la statique de la balise en concurrence avec le javascript en quelque sorte.

    OriginalL'auteur standup75

  2. 4

    Il n'existe aucun moyen pour atteindre ce uniquement avec un meta viewport réglage.

    Il est cependant possible de détecter l'orientation avec le javascript, et possible de changer la meta viewport réglage avec le javascript, donc vous pouvez avoir un déclencheur de script sur l'orientation de changement et de définir une autre fenêtre.

    Peut-être quelque chose comme ça (pas testé):

    window.onorientationchange = function() {
  viewport = document.querySelector("meta[name=viewport]");
  if (window.orientation == 90 || window.orientation == -90) {
    viewport.setAttribute('content', 'width=device-width; initial-scale=1.0; user-scalable=1');            
  } else {
    viewport.setAttribute('content', 'width=device-width; initial-scale=0.75; user-scalable=0');            
  } 
}

    OriginalL'auteur Patrick Fabrizius

  3. 1

    N'oubliez pas de mettre le maximum-scale=1 dans le javascript, et d'utiliser la "width=device-width":

    var checkOrientation;
checkOrientation = function() {
  var viewport;
  viewport = document.querySelector("meta[name=viewport]");
  if (window.orientation === 90 || window.orientation === -90) {
    return viewport.setAttribute("content", "width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=1");
  } else {
    return viewport.setAttribute("content", "width=device-width, initial-scale=0.6, maximum-scale=1, user-scalable=1");
  }
};
window.onorientationchange = function() {
  return checkOrientation();
};
checkOrientation();

    OriginalL'auteur Danetag

  4. 0

    Ou de l'utilisation de votre serveur de côté la langue de détecter la présence de l'iPad via le USER_AGENT.

    C'est un snippit... votre réponse peut avoir le mérite mais s'il vous plaît expliquer comment vous pouvez utiliser le USER_AGENT chaîne de produire ce que l'OP est de demander.

    OriginalL'auteur Phil LaNasa