Html 将文本作为表格的背景

Html 将文本作为表格的背景,html,css,Html,Css,我试着把一个单词作为桌子的背景,让它跨越桌子的高度和宽度。我可以将文本放置在高度和宽度为100%的表div中,但它不跨越高度和宽度?是我的代码笔,我正在尝试做什么。多谢各位 CSS 您只是在修改元素。如果希望文本也更改大小,则需要设置字体大小 font-size: 100vh; 我认为你有一些选择: 首先,正在尝试使用vw,但您将需要对多个尺寸使用媒体查询。例如: font-size: 17vw; 另一个更好的选择是使用Javascript库,如: (使用jquery) (不带jquery)

我试着把一个单词作为桌子的背景,让它跨越桌子的高度和宽度。我可以将文本放置在高度和宽度为100%的表div中,但它不跨越高度和宽度?是我的代码笔,我正在尝试做什么。多谢各位

CSS


您只是在修改元素。如果希望文本也更改大小,则需要设置字体大小

font-size: 100vh;

我认为你有一些选择:

首先,正在尝试使用vw,但您将需要对多个尺寸使用媒体查询。例如:

font-size: 17vw;
另一个更好的选择是使用Javascript库,如:

(使用jquery)

(不带jquery)

下面是一个简单的示例,使用:

它将使文本适合分区的38%


[编辑]这里有一篇更完整的文章,介绍了一些适合文本的技巧:

字体大小不会是动态的。如果希望文本看起来褪色,则需要在文本中添加字体大小和不透明度。
font-size: 17vw;
$("div").fitText(0.38);