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


本文摘自PHP中文网,作者零到壹度,侵删。

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!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如何调用外部css

Html怎样借助marquee实现文字左右滚动

Html中什么是标签

Html css怎么隐藏滚动条

Html pre标签怎么用

详解前端在Html页面之间传递参数的方法

Html center标签怎么用

Html的代码书写有哪些规范

url是什么意思?

怎么在head区域引入css

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...