当前位置:Gxlcms > html代码 > html如何实现字体大小的自适应

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

时间:2021-07-01 10:21:17 帮助过:136人阅读

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

<!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>

相关推荐:

字体大小自适应纯css解决方案

h5 字体大小自适应纯css解决方案

以上就是html如何实现字体大小的自适应的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行