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:4314817Durchsuche

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