Que dois-je faire si Google Chrome ne prend pas en charge les paramètres CSS pour le texte de moins de 12 px ?

Le tutoriel que je vous propose aujourd'hui est une solution au problème selon lequel Google Chrome ne prend pas en charge la définition de polices CSS plus petites.

Les pages Web utilisent souvent du texte grand ou petit pour une belle mise en page. Habituellement, la taille de la police est de 12 px (pixel). Définissez la police du texte pour qu'elle soit supérieure à 12 pixels et chaque navigateur peut afficher l'effet de taille du texte défini par CSS. Cependant, lorsque le paramètre CSS est inférieur à 12 px de texte, Google Chrome ne peut pas afficher l'effet de police de texte défini par CSS inférieur à 12 px.

Google Chrome prend en charge les paramètresfont-sizeSolution pour les pixels inférieurs à 12 px

La police minimale par défaut de Google Chrome est de 12 px, et les polices inférieures à 12 px seront affichées sous la forme 12px. Parfois, nous devons réduire la taille de la police, en particulier lors de la création de sites Web en anglais. Nous utilisons souvent des styles CSS pour afficher un texte plus petit que 12 pixels, afin que Google Chrome ne puisse pas afficher le texte plus petit. Il existe cependant des solutions.

Résolvez le code CSS requis

Ajoutez un style d'attribut spécifique au noyau de Google Chrome dans le code HTML ou le corps (ou si vous devez définir la petite police de texte objet Sélecteur CSSVous pouvez également ajouter) le code CSS suivant :

html,body{-webkit-text-size-adjust:none;}或.pcss5{-webkit-text-size-adjust:none;}

Remarque : Si cet attribut est utilisé, la police du navigateur ne pourra pas utiliser le fonction zoom ! (C'est la fonction de maintenir la touche CTRL enfoncée et de faire défiler le bouton central de la souris de haut en bas)

Essayez de changer l'unité - inutile :

Certains amis ont dit qu'en utilisant em (caractère) comme L'unité pour définir la taille de la police est utile. J'ai personnellement testé que la plus petite taille de police dans Google Chrome ne sera pas inférieure à 12 pixels. Donc c'est inutile. Pour l'instant, je ne connais que la méthode ci-dessus.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Réponses aux questions sur la dénomination des cas de chameaux et JS

Valeurs booléennes, opérateurs relationnels en JS, Explication détaillée et exemples d'opérateurs logiques

Résumé du framework front-end js et explication de ses utilisations

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!