web-dev-qa-db-fra.com

Mise à l'échelle DPI - Polices - Problèmes de compatibilité de navigateur

Souvent, sous Windows 7, accédez au Panneau de configuration - Options d’affichage et choisissez un paramètre PPP personnalisé (110% par exemple) pour augmenter la taille de la police dans les cas où ils disposent de grands écrans et ne peuvent pas voir clairement.

Dans ce cas, certaines conceptions Web sont intégrées à la dernière version de Opera 11 et à Internet Explorer 9. (Une conception Web est intégrée à un navigateur et l'autre à l'autre!). Cela ne se produit pas sur tous les ordinateurs dotés d'une mise à l'échelle dpi. Sur certains ordinateurs, il tombe en panne sur IE9, sur d'autres, pas.

Ce que je veux dire, c'est que les polices deviennent énormes et que les textes sortent de leur boîte, interrompant ainsi le bon déroulement des éléments.

Je viens d'utiliser les polices standard.

Je préfère utiliser HTML5/CSS3. J'utilise habituellement reset.css ou normalize.css ces derniers temps à partir de HTML5 boilerplate.

Comment je devrais développer, ou quels hacks css je devrais inclure pour éviter que la mise à l’échelle dpi ne casse les designs?

Je comprends que ce n’est pas une question de compatibilité entre navigateurs classique, mais une situation très étrange qui ne se produit que dans des cas spécifiques, avec une combinaison navigateur-ordinateur spécifique, mais tous ces ordinateurs ont une mise à l’échelle dpi. Le fait est qu'avec le même navigateur et la même mise à l'échelle dpi, le même problème peut apparaître ou ne pas apparaître.

2
john

Le problème était de définir les polices dans em, alors que la largeur du conteneur était en pixels. Paramètres des polices également en pixels, résout le problème.

Chaque navigateur se comportait différemment dans ce cas.

0
john

Ce n'est pas vraiment différent du problème des personnes utilisant une résolution trop basse pour afficher votre site ou utilisant le zoom de leur navigateur pour augmenter la taille du texte.

Vous ne pouvez pas faire grand-chose à ce sujet, si ce n’est pour le tester manuellement et voir ce qui est en train de "casser" la mise en page. Mais chaque mise en page aura des limites pratiques sur les plates-formes et les configurations prises en charge.

Vous pouvez explicitement spécifier le mode de débordement pour chaque élément contenant du texte (et tous ses parents), mais vous rencontrerez toujours des problèmes avec différents navigateurs rendant les mêmes polices légèrement différemment ou des variations de retour à la ligne ou d'alignement du texte/algorithmes de justification.

1
Lèse majesté