Comentário: O Google Chrome não suporta pequenas fontes abaixo de 12px. Você pode pesquisar on -line algumas boas soluções. Amigos interessados podem se referir a ele. Espero que seja útil para todos.
O Google Chrome não suporta pequenas fontes abaixo de 12px, talvez seja por causa da experiência do usuário.Existem também alguns artigos na Internet que dizem que você pode usar:
-webkit-text-size-adjust: nenhum;
No entanto, desde o Chrome 27, o suporte a este atributo foi cancelado.
Temos outras maneiras de resolver esse problema?
O Google Chrome suporta a escala CSS, para que possamos fazer um artigo sobre isso:
-Webkit-transform: escala (0,5);
Como o suporte mínimo é 12px, em seguida, escala com 12px como o ponto base.
Ao mesmo tempo, você pode usar -webkit-transform-origin-x: 0; Para resolver o problema de deslocamento da margem-esquerda após a escala:
.test_tag {
tamanho de fonte: 12px;
-webkit-transform-origin-x: 0;
-Webkit-transform: escala (0,583333333333333333334);
}
O método de cálculo do valor da escala é: 7 /12 = 0,5833333333333333333334