html如何实现字体大小的自适应
来源：动视网
责编：小OO
时间：2020-11-27 15:25:49
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>；。
导读<。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>；。
本文主要和大家分析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如何实现字体大小的自适应
<。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>；。
