Commentaire: Google Chrome ne prend pas en charge les petites polices en dessous de 12px. Vous pouvez rechercher en ligne de bonnes solutions. Les amis intéressés peuvent y faire référence. J'espère que ce sera utile à tout le monde.
Google Chrome ne prend pas en charge les petites polices en dessous de 12px, c'est peut-être à cause de l'expérience utilisateur.Il existe également des articles sur Internet qui disent que vous pouvez utiliser:
-webkit-text-size-ajustement: aucun;
Cependant, depuis Chrome 27, le support de cet attribut a été annulé.
Avons-nous d'autres moyens de résoudre ce problème?
Google Chrome prend en charge la mise à l'échelle CSS, afin que nous puissions faire un article à ce sujet:
-Webkit-transform: échelle (0,5);
Étant donné que le support minimum est de 12px, puis à l'échelle avec 12px comme point de base.
En même temps, vous pouvez utiliser -webkit-transform-origin-x: 0; Pour résoudre le problème de déplacement de la marge-gauche après la mise à l'échelle:
.test_tag {
taille de police: 12px;
-Webkit-Transform-Origin-x: 0;
-Webkit-transform: échelle (0,5833333333333333334);
}
La méthode de calcul de la valeur d'échelle est: 7/12 = 0,5833333333333333334