相关疑难解决方法(0)
如何根据容器大小设置字体大小？
我有一个宽度和高度为%的容器,因此它会根据外部因素进行缩放.我希望容器内的字体相对于容器的大小是一个恒定的大小.有没有什么好办法用CSS做到这一点？在font-size: x%只将根据原来的字体尺寸(这将是100%)缩放的字体.
81
推荐指数
推荐指数
5
解决办法
解决办法
10万
查看次数
查看次数
根据容器的宽度和高度缩放字体大小
因此，我正在尝试为我的 HTML 文档进行更具响应性的设计，我想要排序的第一件事是根据容器的高度和宽度缩放字体大小。现在我有以下内容：
我进行了一些研究，发现 css 中的单位“vw”允许字体根据容器进行缩放，但我只是注意到它仅在我调整浏览器宽度时才有效，如下所示：
如图所示，如果我调整浏览器宽度大小，文本确实会缩放，但是，我意识到当我调整浏览器高度时，它根本不会缩放。
如何确保文本根据容器的宽度和高度进行缩放？
html,body {
height: 100%;
}
.outer {
height: 50%;
border: 1px solid black;
width: 50%;
}
#cat1 {
height: 50%;
border: 1px solid black;
font-size: 3vw;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
#cat2 {
height: 50%;
border: 1px solid black;
font-size: 3vw;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}<!DOCTYPE html>
<html lang="en">
<head> …6
推荐指数
推荐指数
2
解决办法
解决办法
2万
查看次数
查看次数