Google Chrome-Lösung zur Verarbeitung kleiner Schriftarten, dh Tutorial-Kenntnisse für Schriftarten unter 12px_html5

Google Chrome unterstützt keine kleinen Schriftarten unter 12 Pixel, möglicherweise aufgrund der Benutzererfahrung.
Es gibt auch einige Artikel im Internet, die besagen, dass es verwendet werden kann:

Kopieren Sie den Code

Der Code lautet wie folgt:

-webkit-text-size-adjust:none;

Seit Chrome 27 wurde die Unterstützung für dieses Attribut jedoch entfernt.

Haben wir andere Möglichkeiten, dieses Problem zu lösen?

Google Chrome unterstützt CSS-Skalierung, also können wir viel Aufhebens darum machen:

Code kopieren

Der Code lautet wie folgt:

-webkit-transform: scale(0.5);

Da die Mindestunterstützung 12 Pixel beträgt, erfolgt die Skalierung auf Basis von 12 Pixel,

Gleichzeitig können Sie -webkit-transform-origin-x: 0; verwenden, um das Verschiebungsproblem von margin-left nach der Skalierung zu lösen:

Code kopieren

Der Code lautet wie folgt:

.test_tag{
font-size:12px
-webkit-transform-origin- x: 0;
- webkit-transform: scale(0.5833333333333334);
}

Der Skalierungswert wird wie folgt berechnet: 7 / 12 = 0,5833333333333334