Comentario: Google Chrome no admite pequeñas fuentes por debajo de 12px. Puede buscar en línea algunas buenas soluciones. Los amigos interesados pueden referirse a él. Espero que sea útil para todos.
Google Chrome no admite pequeñas fuentes por debajo de 12px, tal vez se deba a la experiencia del usuario.También hay algunos artículos en Internet que dicen que puede usar:
-webkit-text-size-adjust: Ninguno;
Sin embargo, desde Chrome 27, el soporte para este atributo ha sido cancelado.
¿Tenemos alguna otra forma de resolver este problema?
Google Chrome admite la escala CSS, por lo que podemos hacer un artículo sobre esto:
-Webkit-transform: escala (0.5);
Dado que el soporte mínimo es de 12 px, luego escala con 12px como punto base.
Al mismo tiempo, puede usar -Webkit-Transform-Origin-X: 0; Para resolver el problema de desplazamiento del margen-izquierda después del escala:
.test_tag {
tamaño de fuente: 12px;
-Webkit-Transform-Origin-x: 0;
-Webkit-transform: escala (0.58333333333333333334);
}
El método de cálculo del valor de escala es: 7 /12 = 0.583333333333333333344