css fontsize vmax 和 vmin 在一起，不覆盖/响应文本

Question

有没有办法在同一个元素上同时使用 vmax 和 vmin ，以便我可以创建一个范围来阻止它变小或变大？当我只使用一个时，它会变得很大或很小，我试图限制它两侧的极端。这适用于响应式设计。

http://jsfiddle.net/Sc8gm/29/

<p>Here is some paragraph text at 3 vmin</p>
<h1>Here is some paragraph text at 3 vmin</h1>
<style>
    p {font-size: 3vmax;}
    h1 {font-size: 3vmin;font-size:4vmax;}
</style>

Answer 1

使用两个属性定义没有意义font-sizing。最后一个将覆盖您的第一个。要回答你的问题，没有max-font-size财产：

\n\n

\n

与流体图像一样，响应式文本的力量是一把双刃剑：使用 vw 和 vh 单位缩放的英雄文本完全有可能在极端屏幕尺寸下变得太大或太小。遗憾的是，\xe2\x80\x99s 没有 max-font-size 属性来控制这种行为，尽管 CSS3 min() 和 max() 函数在浏览器支持后将很好地发挥作用。

\n

\n\n

来源

\n