如何在使用css3减少浏览器中的页面大小的同时减小字体大小

Question

如何根据浏览器页面大小减小文本字体大小，同时最小化页面字体大小必须减少，我怎样才能在CSS3中实现这一点？

Answer 1

您可以使用新的css viewport units。

例如：

div {
font-size: 4vw;
}

...这意味着font-size将是视口宽度的4％

FIDDLE - 调整页面大小，查看字体大小的变化情况！

关于使用带有font-size

的视口单元，这是一个很好的css-tricks article

浏览器兼容性现在也非常好 - caniuse