css - 文本自动调整大小，无需媒体查询（响应式设计）

Question

有没有办法根据浏览器或屏幕或文本的容器自动调整文本大小？（不取决于设备，因为这不是一个好习惯）。

并且没有 CSS 3 媒体查询的帮助！不使用媒体查询会很棒，因为代码会更少，而且通常你必须对旧浏览器使用回退来理解媒体查询。

我知道有一种方法可以设置相对大小，但是自动调整大小的大小呢？我试过了font-size:auto;，font-size:120%但是如果我缩小浏览器的窗口，大小是一样的。

score 4 · Accepted Answer

您可以使用相对于视口调整大小的 vw 和 vh ：

1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever is smaller
1vmax = 1vw or 1vh, whichever is larger

score -2 · Accepted Answer

代替 px 使用 Rem，这里有几个比例可以用来代替 px：

2 回答 2