如何使用CSS缩放具有视口大小的文本？

Question

我正在尝试让我的着陆页上的文字大小与视口大小成线性比例。如果您在http://alexanderwhill.com/site2/查看我的网站，您会看到我在说什么。我希望字体大小可以流畅地扩展而不是溢出。这甚至可能吗？

Answer 1

这就是media queries的用途。

简单示例：http://jsbin.com/ivodam/3/edit

Answer 2

在css中使用％表示流动性

  #maincontent h1 {
    font-size: 50%; /* your desired % */
    letter-spacing: 1px;
    line-height: 260px;
 }

或者您可以使用media queries，您需要指定/了解视口尺寸的范围。