Was soll ich tun, wenn Google Chrome keine CSS-Einstellungen für Text unterstützt, der kleiner als 12 Pixel ist?

Das Tutorial, das ich Ihnen heute präsentiere, ist eine Lösung für das Problem, dass Google Chrome die Einstellung kleinerer CSS-Schriftarten nicht unterstützt.

Webseiten verwenden oft großen oder kleinen Text für ein schönes Layout. Normalerweise hat der Text eine SchriftartText. Stellen Sie die Textschriftart auf mehr als 12 Pixel ein und jeder Browser kann den von CSS festgelegten Textgrößeneffekt anzeigen. Wenn die CSS-Einstellung jedoch auf Text mit einer Größe von weniger als 12 Pixel eingestellt ist, kann Google Chrome den durch CSS festgelegten Textschrifteffekt nicht anzeigen, der kleiner als 12 Pixel ist.

Google Chrome unterstützt EinstellungenSchriftgrößeLösung für Pixel kleiner als 12 Pixel

Die standardmäßige Mindestschriftart von Google Chrome beträgt 12 Pixel und Schriftarten, die kleiner als 12 Pixel sind, werden als angezeigt 12 Pixel. Manchmal müssen wir die Schriftart verkleinern, insbesondere wenn wir englische Websites erstellen. Wir verwenden häufig CSS-Stile, um Text anzuzeigen, der kleiner als 12 Pixel ist, sodass Google Chrome den kleineren Text nicht anzeigen kann. Es gibt jedoch Lösungen.

Lösen Sie den erforderlichen CSS-Code

Fügen Sie einen Google Chrome-spezifischen Kernel--Attributstil im HTML- oder Textkörper hinzu (oder legen Sie die kleine Textschriftart fest Objekt CSS-SelektorSie können auch den folgenden CSS-Code hinzufügen:

html,body{-webkit-text-size-adjust:none;}或.pcss5{-webkit-text-size-adjust:none;}

Hinweis: Wenn dieses Attribut verwendet wird, kann die Browserschriftart das nicht verwenden Zoomfunktion! (Es ist die Funktion, die STRG-Taste gedrückt zu halten und mit der mittleren Maustaste nach oben und unten zu scrollen)

Versuchen Sie, die Einheit zu ändern – nutzlos:

Einige Freunde sagten, dass die Verwendung von em (Zeichen) als Eine Einheit zum Definieren der Schriftgröße ist hilfreich. Ich habe persönlich getestet, dass die kleinste Schriftgröße in Google Chrome nicht kleiner als 12 Pixel sein wird. Es ist also nutzlos. Im Moment kenne ich nur die obige Methode.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Antworten auf Fragen zur Kamelfallbenennung und JS

Boolesche Werte, relationale Operatoren in JS, Detaillierte Erklärung und Beispiele für logische Operatoren

Zusammenfassung des Front-End-JS-Frameworks und Erläuterung seiner Verwendung

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn Google Chrome keine CSS-Einstellungen für Text unterstützt, der kleiner als 12 Pixel ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!