您现在的位置是:首页 >生活 > 2024-01-15 20:42:16 来源:
html字体大小随屏幕大小改变(html字体大小)
导读 大家好,我是小夏,我来为大家解答以上问题。html字体大小随屏幕大小改变,html字体大小很多人还不知道,现在让我们一起来看看吧!1、方法...
大家好,我是小夏,我来为大家解答以上问题。html字体大小随屏幕大小改变,html字体大小很多人还不知道,现在让我们一起来看看吧!
1、方法一:
2、可以使用vw或vh这样的“相对”字体大小单位。vw代表文字相对于viewport的宽度,vh则代表相应的高度。在vw的体系中,默认将整个viewport的宽度设置为100vw,以此相对换算文字的大小。
3、如图:
4、除vw、vh外,还有vmin和vmax两种相对字号单位,其作用是自动选择相对于viewport宽高而言最小或最大的值,以此作为字体的大小。
5、方法二:
6、face 字体名称列表 定义font元素中文本的字体。 字体名称列表中的字体不存在就显示默认字体。
7、示例:
8、<font face="幼园">font元素中文本</font>
9、<font face="宋体">font元素中文本</font>
10、<font face="黑体">font元素中文本</font>
本文到此讲解完毕了,希望对大家有帮助。