我应该使用vh或vw作为font-size吗？

Question

我有兴趣在不同大小的屏幕上使用css的新vh / vw。

但是我想知道我是否应该使用vh或vw来获取字体。

<div style='font-size:10vh'>This is a test</div>

或

<div style='font-size:10vw'>This is a test</div>

我真正想要的是同时使用两者。有点像你在photoshop中缩放图像的方式。

注意：我尝试使用vmin，但它也不好。字体更改取决于窗口大小。所以有时它会包装，有时它不会。我想找到一种方法来扩展它。就像你缩放图像一样。例如，当你在photoshop中缩放图像时，它不会改变字体的包装/位置。它只是使字体更宽或更高，取决于比例尺寸（没有比例限制）这是我正在寻找的。

这是另一个（窗口略宽）。注意：它在一个盒子里面，它也使用vh / vw作为高度/宽度。

Answer 1

vmin是一个视口单元（虽然IE中的错误支持＆lt; = 9：http://caniuse.com/#search=viewport）会自动将自己设置为vh和vw中的较小者。因此，如果窗口高于宽度，vmin将充当vw。如果窗口比较高，则vmin为vh

编辑：

我发现你认为它没有正确扩展，但是这个示例似乎有效：http://jsfiddle.net/dtvz5mty/如果您仍然不喜欢它，请尝试在示例中将vmin替换为vw ，它的工作原理