Detaillierte Erklärung der Lösung zur Schriftunschärfe bei Verwendung von Transform in CSS3

Diese Frage ist sehr seltsam, deshalb gehe ich direkt zum Code über, ohne viel zu sagen:

.g-dialog-wrapper {
    Position: fest;
    oben: 50 %;
    links: 50%;
    transformieren: übersetzen(-50 %, -50 %);

    Anzeige: Flex;
    Flex-Richtung: Spalte;
    Breite: 405px;
    Hintergrundfarbe: #ffffff;
    Höhe: 226px;
    -webkit-box-shadow: 0 0 2em #5191f1;
    -moz-box-shadow: 0 0 2em #5191f1;
    Kastenschatten: 0 0 2em #5191f1;
    Rahmenradius: 3px;
    Z-Index: 9999;
  }

Der obige CSS-Stil macht die Schriftart der Seite so unscharf:

Ich habe online nachgeschaut und es scheint, dass es ein Problem mit der Browserdarstellung gibt. Der Wert in „transform“ kann nicht als Basis festgelegt werden, aber ich habe klar gesagt, dass dies nicht die Basis ist:

transformieren: übersetzen(-50 %, -50 %);

Später habe ich einige Änderungen vorgenommen und die Breite und Höhe auf gerade Zahlen geändert.

Breite: 404px;
Höhe: 226px; 

Dies ist das Ende dieses Artikels zur Lösung des Problems unscharfer Schriftarten bei Verwendung von Transform in CSS3. Weitere Informationen zu unscharfen Schriftarten bei Verwendung von Transform in CSS3 finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Wir hoffen, dass Sie 123WORDPRESS.COM auch in Zukunft unterstützen werden!