html - 字体未使用 rems 调整大小

Question

它应该很简单，但无论出于何种原因，rem 都不适合我。

比如我有

    <div id="big_paragraph">
        <p>I will make sure you get upvoted,</p>
        <p>if you answer this simple question</p>
        <p>for me. Thanks!</p>
    </div><!-- big_paragraph -->

我希望字体大小能够响应，所以在我的 CSS 中有

* {
    margin:0;
    padding:0;
    border:none;
}

html{
    font-size: 62.5%;
/* I also tried font-size: 16px; to no avail */
}

body{
    font-family: 'Muli', sans-serif;
}

#big_paragraph{
    margin-top:101px;
    font-size: 4.1rem;/*41px*/
    text-align:center;
}

我不知道这是否重要，但我的 html 的头部部分也有以下内容

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Answer 1

这应该可行，但可能只适用于现代浏览器。

.some-paragraph{
    font-size: 5vw !important;
}