Heim > Artikel > Web-Frontend > So implementieren Sie eine adaptive Schriftgröße in HTML
So implementieren Sie eine adaptive Schriftgröße in HTML
- 零到壹度Original
- 2018-03-21 13:27:4314867Durchsuche
In diesem Artikel wird hauptsächlich analysiert, wie die Anpassung der Schriftgröße in HTML implementiert wird. Freunde, die es benötigen, können darauf verweisen. Schauen wir uns das unten mit dem Herausgeber an.
<!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<style type="text/css">
table { font-size: 1vw;}
</style>
<body border=1 style="border:1px solid red;">
<h4>一行三列:</h4>
<table border="1" width="100%">
<tr>
<td width=33%>100100100100100100100100100100100300300300300300</td>
<td width=33%>200200200200200200200200200200200200200200200200</td>
<td width=33%>300300300300300300300300300300300300300300300300</td>
</tr>
</table>
</body>
</html>Verwandte Empfehlungen:
Schriftgrößenadaptive reine CSS-Lösung
H5-Schriftgrößenadaptive reine CSS-Lösung
Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine adaptive Schriftgröße in HTML. 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：Wie HTML das Webdesign automatisch an die Bildschirmbreite anpasstNächster Artikel：Wie HTML das Webdesign automatisch an die Bildschirmbreite anpasst