Javascript CSS：是否有一个单位相当于vh+；大众？

我想知道是否有一种字体大小单位，它测量一页宽度和高度的1%？我认为这将使我更容易，并帮助我做我想做的事情，而不必使用

JavaScript

（不过，任何答案都是可以接受的，只要它有效）。如果没有这样的单元，我如何操作字体来实现这一点？我唯一能想到的是

%

，但我不知道它们是否有效

当我试图双向调整页面大小时，我的问题来了。它的作用是为了达到预期目的，但是当你把页面调整得很小的时候，它看起来就不好了。我是一个完美主义者，当它不起作用时，它会困扰我。这是我的代码（确切地说，这是我代码的一部分。如果你想要完整的代码，我将在这里编辑它）：

更新（0.1）： 我正试图用javascript做出更好的回答。我还没有完成代码。这是：

函数myFunction（）{
var h11a=document.getElementById（“h1_1_a”）；
var w=窗内宽度；
var h=窗内高度；
addEventListener（“调整大小”，函数（）{
var w2=窗口的内部宽度；
var h2=窗内高度；
如果（w>w2）{
h11a.style.fontSize=“计算（6*（0vh+1.5vw））”；
}如果（h>h2），则为else{
h11a.style.fontSize=“计算（6*（3vh+0vw））”；
}
});
}

*{
框大小：边框框；
}
身体{
利润率：0%；
}
.div_1{
位置：相对位置；
宽度：100%；
身高：20%；
背景色：#000000；
边框顶部：.4vh实心#ff7400；
左边框：.4vh实心#ff7400；
右边框：.4vh实心#ff7400；
边框底部：2vh实心#ff7400；
}
#第一分区{
身高：100%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
#h1_1_a{
线高：100%；
身高：60%；
颜色：#ff7400；
字体大小：calc（6*（1vh+1vw））；
空白：nowrap
}

万圣节活动（家庭）
万圣节网站
使用
calc（n*（1vh+1vw））
其中
n
是您选择的系数。
使用
calc（n*（1vh+1vw））
其中
n
是您选择的系数。
不，没有这样的单位，但
vmin
可能是您问题的解决方案

编辑：

如果您想垂直和水平居中，可以使用以下方法：


.wrapper{
高度：100vh；
宽度：100vw；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.wrapper\u文本{
字体大小：30vmin；
}

我的文字
不，没有这样的装置，但是
vmin
可能是您问题的解决方案

编辑：

如果您想垂直和水平居中，可以使用以下方法：


.wrapper{
高度：100vh；
宽度：100vw；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.wrapper\u文本{
字体大小：30vmin；
}

我的文字
演示
计算（n*（1vh+1vw））


*
{ 
框大小：边框框；
}
身体
{
利润率：0%；
}
.div_1
{
位置：相对位置；
宽度：100%；
身高：20%；
背景色：#000000；
边框顶部：.4vh实心#ff7400；
左边框：.4vh实心#ff7400；
右边框：.4vh实心#ff7400；
边框底部：2vh实心#ff7400；
}
#第一分区
{
身高：100%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
#h1_1_a
{
线高：100%；
身高：60%；
颜色：#ff7400；
字体大小：calc（6*（1vh+1vw））；
空白：nowrap
}

万圣节活动（家庭）
万圣节网站
演示
计算（n*（1vh+1vw））


*
{ 
框大小：边框框；
}
身体
{
利润率：0%；
}
.div_1
{
位置：相对位置；
宽度：100%；
身高：20%；
背景色：#000000；
边框顶部：.4vh实心#ff7400；
左边框：.4vh实心#ff7400；
右边框：.4vh实心#ff7400；
边框底部：2vh实心#ff7400；
}
#第一分区
{
身高：100%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
#h1_1_a
{
线高：100%；
身高：60%；
颜色：#ff7400；
字体大小：calc（6*（1vh+1vw））；
空白：nowrap
}

万圣节活动（家庭）
万圣节网站
这是javascript吗？@BradleyWilliamElko这是CSS，请参阅。另请参见。我从未使用过这个，所以我很难弄清楚具体放在哪里。我的意思是，我应该把它放在哪一个，我应该把
宽度：calc（n*1vh+1vw））
还是…？@Theraot我检查了你的链接，但是，我仍然不确定，我如何实现这个int-CSS。你能帮我吗？@BradleyWilliamElko这是CSS，你在写CSS的地方写。也许这就是一个例子。戴的回答是替换hv+vw的单位，这是标题中的问题，也是解释第一段的一种方式。然后你继续说，当你重新整理你的页面时，“它看起来不好”。。。好的，但是你想看起来怎么样？编辑：从另一个答案上的评论来看，你似乎既需要对齐，也需要调整大小。这是用于javascript的吗？@BradleyWilliamElko这是CSS，请参阅。另请参见。我从未使用过这个，所以我很难弄清楚具体放在哪里。我的意思是，我应该把它放在哪一个，我应该把
宽度：calc（n*1vh+1vw））
还是…？@Theraot我检查了你的链接，但是，我仍然不确定，我如何实现这个int-CSS。你能帮我吗？@BradleyWilliamElko这是CSS，你在写CSS的地方写。也许这就是一个例子。戴的回答是替换hv+vw的单位，这是标题中的问题，也是解释第一段的一种方式。然后你继续说，当你重新整理你的页面时，“它看起来不好”。。。好的，但是你怎么做