Heim > Artikel > Web-Frontend > Wie kann Chrome dafür sorgen, dass Text in HTML kleiner als 12 Pixel ist?

Wie kann Chrome dafür sorgen, dass Text in HTML kleiner als 12 Pixel ist?

韦小宝Original: 2017-11-29 10:56:141861Durchsuche

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Lösung für das Versagen von Jquery beim Binden des Click-Ereignisses an neu eingefügte KnotenNächster Artikel：Lösung für das Versagen von Jquery beim Binden des Click-Ereignisses an neu eingefügte Knoten

In Verbindung stehende Artikel

Mehr sehen