html如何实现字体大小的自适应

本文主要和大家分析html如何实现字体大小的自适应,需要的朋友可以参考下，希望能帮助到大家。下面跟随小编一起来看一下吧。

<!DOCTYPE html
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob测试数据)</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>