它应该很简单,但无论出于何种原因,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">
最佳答案
这应该可行,但可能只适用于现代浏览器。
.some-paragraph{
font-size: 5vw !important;
}
关于html - 字体未使用 rems 调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45335625/