désactiver la touche CTRL/Roue de l'effet de zoom au moment de l'exécution

Comment désactiver la touche ctrl/roue de l'effet de zoom avec du css ou de javascript sur certains éléments. J'ai créer une barre de menu qui se déforme lorsque l'effet de zoom est appliqué. Je tiens à le désactiver pour certains éléments seulement.

  • C'est un problème d'accessibilité, et vous devriez essayer de travailler avec elle et non contre elle. C'est pourquoi vous devez utiliser la relative unité "em" pour le dimensionnement de la css des éléments. Gmail est un excellent exemple de rapport de dimensionnement. Allez-y et de modifier le navigateur taille du texte à être plus grandes ou plus petites.
InformationsquelleAutor | 2009-02-12
  1. 11

    Meilleure idée de la conception de votre mise en page de sorte qu'il est suffisamment robuste pour supporter les changements de ce genre. Vous ne pouvez pas les désactiver, même si vous fixez la taille de la police (qui ne doit jamais vous faire en premier lieu), de sorte que vous pourriez aussi bien répondre à un zoom en douceur.

    Le fait est que, si tous les éléments sont mis à l'échelle de la même manière par le navigateur, votre page doit ressembler et fonctionner exactement de la même manière comme il le faisait avant (à l'exception, tu sais, gros) à moins que vous avez pris quelques paresseux raccourcis dans votre conception quelque part.

    • "Le fait est que, si tous les éléments sont mis à l'échelle de la même manière par le navigateur..." je pense qu'il a du avoir des ennuis avec la police-zoom uniquement utilisé pour être dominante. Heureusement, c'est sur son chemin... Malheureusement, ça va encore être un problème pour quelques années encore.
    • C'est juste. Si il y a des parties fonctionnelles de la page qui n'a pas besoin d'être mis à l'échelle avec les polices de caractères (c'est à dire quelque chose, mais le contenu), c'est OK par moi, pour fixer leur taille. Mais si il utilise JS qui s'appuie sur le pixel-positionnement parfait ou tout le long de ces lignes, c'est une cause perdue.
    • Le fait est que les navigateurs sont connus pour être imparfait: stackoverflow.com/q/10914174/632951
    InformationsquelleAutor Welbog
  2. 2

    solution pour IE et Firefox:

    var obj=document.body;  //obj=element for example body
//bind mousewheel event on the mouseWheel function
if(obj.addEventListener)
{
    obj.addEventListener('DOMMouseScroll',mouseWheel,false);
    obj.addEventListener("mousewheel",mouseWheel,false);
}
else obj.onmousewheel=mouseWheel;

function mouseWheel(e)
{
    //disabling
    e=e?e:window.event;
    if(e.ctrlKey)
    {
        if(e.preventDefault) e.preventDefault();
        else e.returnValue=false;
        return false;
    }
}
    • Pour info, cela ne marchera pas dans les navigateurs webkit comme la clé de contrôle de la presse overrieds la roulette de la souris de l'événement et n'est pas détecté.
    InformationsquelleAutor holden321
  3. 0

    Vous ne pouvez pas; c'est une fonctionnalité du navigateur, pas une fonctionnalité de document.

    Cela dit, si vous utilisez CSS style="font-size: 9px;", vous pouvez remplacer la taille du texte. Zoom du navigateur fonctionne toujours, et navigateur taille de la police des changements reformatage effets.

    InformationsquelleAutor tsilb
  4. 0

    Voici mon problème:
    J'ai toujours conçu avec des ems, et ils fonctionnent comme par magie. Mais avec zoom pleine page, mes origines sont également agrandie. Si j'ai un motif répété que l'arrière-plan principal, je n'ai pas envie que ça devienne pixélisée.
    Ils nous aider à éviter certains travaux, comme la mise en oeuvre de Doug Bowman de Portes Coulissantes de CSS, mais maintenant je dois vivre avec floues onglets.

    J'ai aussi un autre problème avec zoom pleine page, du moins tel qu'il est implémenté dans les navigateurs d'aujourd'hui:
    Je suis l'un de " ces " personnes qui configurer mon navigateur pour 12pt police au lieu de 16pt. Chaque fois que dans un certain temps, j'aimerais trouver un (largeur fixe, bien sûr) site qui redimensionne le texte à une taille minuscule (je devine qu'ils ont utilisé 0.9 em ou quelque chose, au lieu de 14px, tout en essayant de le rendre plus petit). J'avais l'habitude de simplement zoomer d'un cran ou deux, et que tout irait bien. Avec zoom pleine page, cependant, les images à l'échelle de mal et j'ai une barre de défilement horizontale.

    La solution au premier problème serait de permettre à certains de tri de l'instruction de traitement dans l'image de fond d'écran étiquette d'interdire zoom pleine page sur cet élément. Ou peut-être quelque chose dans le document de la tête. Si les navigateurs veux vraiment être juste à ce sujet, ils pourraient également donner aux utilisateurs une option, ils pourraient mettre en que la sur-rides, pas de zoom de l'instruction, de sorte qu'ils pourraient zoom de toute façon, s'ils le désirent.
    La solution au second problème serait pour le zoom pleine page à convertir tous les px en em à un taux de 16px/em abord, et puis zoom vers le bas à la taille de votre texte, au lieu de convertir px de l'em à l'aide de la taille de votre texte comme une base. Ensuite défiler jusqu'à 16px rendrait les images à la perfection, de taille moyenne, comme prévu.

    InformationsquelleAutor