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

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;在这里你可以了解这里