如何根据浏览器窗口大小调整文本大小

Question

我想知道如何根据浏览器窗口设置文本大小。我目前的文字代码：

#quoteField{
letter-spacing:5px;
position:relative;
top:20%;
left:10%;
xtop:325px;
xleft:200px;
font-size:50px;

line-height:20px;
width:500;

color:#ffffff;
}

.quote{
font-family: Merriweather, serif;
}

.quoteHeavier{
font-family: Merriweather, serif;
font-weight:600;
}

或者，您可以查看此JSfiddle。

Answer 1

您可以尝试使用css属性font-size: 4vw;，在那里您可以了解here