Wenn der Text auf dem
Bild des Designers 10px ist, werden wir ihn auf der Webseite implementieren. Oft kommen Designer zu uns zurück und fragen: Kann diese Schriftart kleiner sein? Was ich entworfen habe, ist 10px? Warum ist es 12px? Tatsächlich wissen wir alle, dass die minimale Schriftgröße von Google Chrome 12px beträgt, egal ob Sie sie auf 8px oder 10px, im Browser werden nur 12px angezeigt, wie kann man also dieses Betrugsproblem lösen? Werfen wir einen Blick auf die Lösung!
Unser Ansatz ist:
Fügen Sie für den Google Chrome-Kernel das Webkit-Präfix hinzu und verwenden Sie das Attribut transform:scale()
Gehe zu Zoom!
Codedemonstration:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
span{
font-size: 12px;
display: inline-block;
-webkit-transform:scale(0.8);
}
</style>
</head>
<body>
<span>测试10px</span>
</body>
</html>Oben erfahren Sie, wie Sie Chrome dazu bringen, Text kleiner als 12 Pixel in HTML zu unterstützen ? Den gesamten Inhalt finden Sie auf dieser WebsiteSuchefür mehr!
Verwandte Empfehlungen:
So optimieren Sie HTML-Webseiten
Wie ist der CSS-Bildlaufleistenstil mit den Browsern IE8 und Chrome kompatibel?
So gehen Sie mit der unvollständigen Anzeige der letzten Textzeile in HTML um
Das obige ist der detaillierte Inhalt vonWie kann Chrome dafür sorgen, dass Text in HTML kleiner als 12 Pixel ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
