html - 在 css 中，当页面大小改变时使用 vmin/vmax 属性

Question

使用新的 vmin css 属性来获得正确的字体大小。效果非常好!

div.sample { font-size: 1.5vmin; text-align: center; ... }

问题发生在调整页面大小时。例如，如果页面变小，font-size 不变，一切都会变得不协调。

首先，浏览器应该处理这个吗？

其次，最好的处理方法是什么？似乎如果我使用触发器来设置 font-size，那么我需要知道 javascript 以及 css 中的字体大小值，创建一个注定会失败的情况。

Answer 1

看起来 vmin 在 Firefox 中运行。

这是我为测试而制作的 jsfiddle: http://jsfiddle.net/noahcollins/Sc8gm/

听起来您是在 Chrome 中发现了这个问题？正如 Bazzz 指出的那样，有一个 Chrome bug那仍然是开放的。我能够在 Canary 中复制它。 CSS Tricks article如果您愿意，可以使用一些 javascript 来帮助您解决这个问题。

另一件事要记住:移动浏览器对 vmin 的支持是 very limited at this time ，因此当用户在纵向和横向之间旋转时，这将是一个问题。