如何根据box-size设置动态字体大小？

问题描述

我正在为一个大学赞助的项目开发基于植物学的网络问答游戏，以帮助一般高中生。我需要文本始终填充整个框（按钮，问题询问器等），以使其保持美观。这就是现在的样子。

How the game looks (for now)

问题文本的CSS为：

.question-text {
        text-align: justify;
        border: 1px solid black;
        letter-spacing: 0px;

        /* --- POSITION --- */
        position: fixed;
        top: 10%;
        left: 1%;

        /* --- SIZE --- */
        width: 75%;
        height: 20%; 
    }

有什么建议吗？我也在接尿。

解决方法

em单位是采用动态字体大小的方式，该字体大小相对于：

对于父字体的字体大小，在诸如字体大小之类的印刷属性中，对于元素本身的字体大小，对于诸如宽度之类的其他属性，

    .question-text {
        // pervouis properties
        /* Font-Size */

        font-size: <numericAmount>em;
     }