当前位置: 首页 > 知识库问答 >
问题:

基于视区宽度和高度的字体大小

夔庆
2023-03-14

我会保持简短直截了当,这样我就明白了:

>

  • vw根据视区宽度更改字体大小。

    VH根据视区高度更改字体大小。

    我的问题是;

    有没有一种方法可以根据视区的宽度和高度来缩放我的字体大小?因此,改变浏览器的高度和宽度将适当地缩放我的字体大小。

    我这样问是因为我想根据它们所在的容器适当地缩放我的文本大小,我的问题是容器缩放到100%的宽度和100%的高度。因此,根据高度和宽度来缩放文本大小似乎是合乎逻辑的,除非有一种方法可以根据其父容器的大小来缩放?

    如有任何帮助或建议,我们将不胜感激

    我试着使用百分比并查看了各种字体大小的语法,但我似乎找不到任何基于宽度和高度的缩放,这有什么原因吗?

  • 共有1个答案

    陶超
    2023-03-14

    看看vminvmax

    • 1Vmin=1Vw1Vh以较小者为准
    • 1Vmax=1Vw1Vh取较大者
     类似资料:
    • 我有一个字体对象,我需要字体的宽度和高度。我知道getSize()返回字体的高度,因为字体的点号通常是高度,但在确定字体的宽度时,我不知所措。 或者,能够确定字体支持的每个特定字符的宽度也是一个可接受的解决方案。 我的最佳猜测是,宽度是在使用loadFont方法时指定的,但文档没有指定size参数是表示字体的宽度还是高度。 使用的所有字体都是单空格字体,如DejaVu Sans mono、GNU

    • 因此,我正在努力为我的HTML文档设计一个响应更快的设计,我想要排序的第一件事是根据容器的高度和宽度缩放字体大小。现在我有以下内容: 我研究了一下,在css中找到了“VW”这个单位,它允许字体根据容器进行缩放,但我注意到它只在我调整浏览器宽度时才起作用,这会得到如下结果: 如图所示,如果我调整浏览器的宽度,文本确实会缩放。但是,我意识到当我调整浏览器的高度时,它根本不会缩放。 我如何确保文本是基于

    • 问题内容: 我很难理解字体缩放。 目前,我有这个网站与身体的100%。不过是100%这似乎可以计算出16个像素。 我给人的印象是100%会以某种方式引用浏览器窗口的大小,但是显然不是因为将窗口缩小到移动宽度还是全屏宽屏桌面总是16像素。 如何使网站上的文本相对于其容器而言?我尝试使用,但这也无法扩展。 我的理由是,当你调整,这东西像我的菜单中就被压扁,所以我需要降低 的相对其它元素的容器的宽度之中

    • 问题内容: 我正在尝试根据元素的(100%)高度使用宽度大小制作一个响应式正方形。我相信仅使用CSS是不可能的。 正方形宽度应等于高度(大型容器的100%。大型容器大于屏幕的100%)。该比例必须为width = height才能保持正方形。 问题答案: 好的,这里的解决方案。

    • 我正在寻找一种CSS方式来嵌入一个响应视频(iframe),这样它的高度总是100%的窗口和宽度适应任何比率允许。我在这件事上所能找到的只是相反的东西(这种技术的变体)。 所以理想的情况是 我甚至不确定这是否可能。最好不要。

    • 主要内容:1. width,2. height,3. max-width 和 max-height,4. min-width 和 min-heightCSS 尺寸属性指的就是元素的宽度和高度属性,虽然说非常简单,但却是必须掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等几个属性来设置元素的宽度和高度,这些元素使用起来非常简单,下面我们就来简单介绍一下。 1. width 通过 width 属性可以设