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

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

零到壹度
发布: 2018-03-21 13:27:43
原创
14931 人浏览过

本文主要和大家分析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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板