Comment faire pour empêcher que la taille du texte augmenter sur html/css

ce site a l'air très sympa, bien que la avons réussi à empêcher l'utilisateur d'augmenter/diminuer la taille de la police à travers le navigateur.

http://simplegeo.com/

Si vous cochez la Zoom Texte Seulement option de votre navigateur et essayez d'effectuer un zoom avant ou un zoom arrière (généralement ⌘+ /⌘- ou ctrl+ /ctrl-) vous pouvez voir que la taille de police ne change pas.

Comment puis-je reproduire le même effet?

Je pense que ce serait bien d'éviter les éléments de menu ou purement disposition des éléments et de ne laisser que le texte principal en être affectée.

Il change pour moi en Chrome. Le navigateur n'est-il pas changer pour vous?
Jouer avec le zoom d'un navigateur (texte ou de l'ensemble de l'écran) est l'un des principaux accessibilité no-no. Permettez à vos utilisateurs de faire ce qu'ils veulent ou ont besoin. Si ils le casser en zoomant trop, vous ne pouvez pas les arrêter parce qu'ils pourraient avoir VRAIMENT mauvaise vue, et le texte qui est énorme pour le lire.
Vivement avec cdeszaq, aussi je peux redimensionner ce site dans FF4 sans problème.

OriginalL'auteur zanona | 2011-04-18

  1. 9

    En regardant leurs CSS, il pourrait être cette ligne de code: -webkit-text-size-adjust:none; Si oui, il faudrait que travailler dans un nombre limité de navigateurs, mais pas partout.

    Il n'y a pas beaucoup de raison, vous devez être d'empêcher les utilisateurs de modifier la taille du texte. Oui, il peut causer des problèmes de conception, mais vous pourriez aussi faire valoir que la conception devrait être suffisamment souple pour traiter les changements de taille de police.

    Comédie option: remplacer tous vos textes avec des images.

    C'est drôle que vous devriez mentionner que, Tous les en-têtes sur la page sont dans un sprite.
    merci @thedaian il a très bien fonctionné, je suis conscient de la mauvaise approche, tout était un peu curieux de savoir comment ils ont réussi à le faire. Je suis d'accord que vous avez à offrir à l'utilisateur le choix de changer le texte. Mais qui sait, parfois, vous avez juste un élément statique qui est censé être au serveur uniquement comme un ornent ou quelque chose comme cela et ne veux pas que ce soit redimensionnée? eh bien, merci encore pour est le seul à être inquiet sur la façon de parvenir au lieu de simplement dire qu'il ne faut pas le faire 🙂
    La solution n'est pas d'empêcher les gens de changer de taille de police/zoom que c'est une accessibilité de préférence, mais être capable de leur dire qu'en fait, il s'agit d'une configuration de leur côté qu'ils ont fixés, qu'ils le veuillent ou non. Sinon, ces personnes peuvent penser que c'est un développeur de problème, et l'expérience de l'utilisateur sur votre site web est pire ... et tout le monde est triste (développeur, chef de la direction et de l'utilisateur!)
    La bêtise, c'est que la sagesse infinie, le navigateur de l'INTERFACE utilisateur architectes est que l'on devrait permettre aux utilisateurs de sélectionner arbitraire de la taille de la police, mais les navigateurs ne proposent pas fiable, simple, assez simple des façons de garder les choses alignés comme la police des échelles, par exemple texte rédigé dans un cercle énoncées dans les divs sur une toile w/graphiques. Cauchemar w/zoom! . Pure maux de tête. Sont web designers pas censé faire quelque chose de créatif? Si les gens veulent être badass hyper-autoritaire sage-les gars, ils devraient au moins être assez intelligent pour se donner les moyens de l'accomplir autrement raisonnables modèles.

    OriginalL'auteur thedaian

  2. 5

    Utiliser le code CSS suivant.

    <style type="text/css">
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;
</style>
    Remarque: "none" peut causer des problèmes (c'est à dire la taille du texte encore en cours de réglage) au moins au -ms-préfixe. Utiliser "100%" à la place.

    OriginalL'auteur Kedarnath