首页  >  文章  >  web前端  >  html如何实现字体大小的自适应

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

零到壹度
零到壹度原创
2018-03-21 13:27:4314881浏览

本文主要和大家分析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如何实现字体大小的自适应的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn