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

Question

我试图让我的登陆页面上的文本大小与视口大小成线性比例。如果您查看我的网站http://alexanderwhill.com/site2/，您会明白我在说什么。我希望字体大小能够流畅地缩放而不是溢出。这甚至可能吗？

Answer 1

这就是媒体查询的用途。

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

Answer 2

在 css 中使用 % 来表示流动性

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

或者您可以使用媒体查询，您需要指定/知道视口尺寸的范围。