根据div大小调整字体大小

关于您的代码，请参阅@Coulton。您需要使用Javascript。

检出FitText（它确实在IE中起作用，他们只是以某种方式使其站点球形化或BigText。

FitText将允许您相对于其所在的容器缩放某些文本，而BigText则更多地是将文本的不同部分调整为容器内相同的宽度。

BigText会将您的字符串设置为容器的正好宽度，而FitText的像素完美度较低。首先将字体大小设置为容器元素宽度的1/10。默认情况下，它不适用于所有字体，但它的设置可让您减小或增大调整大小的“功效”。它还允许您设置最小和最大字体大小。第一次工作会需要一些摆弄，但是确实很好。

<-目前正在此处使用它。据我了解，BigText在我的上下文中根本无法工作。

对于那些使用Angularjs的用户，这是我制作的Angular版本的FitText。

这是一个LESS mixin，可用于使@humanityANDpeace的解决方案更加美观：

@mqIterations: 19;.fontResize(@i) when (@i > 0) {    @media all and (min-width: 100px * @i) { body { font-size:0.2em * @i; } }    .fontResize((@i - 1));}.fontResize(@mqIterations);

感谢@NIXin，这是SCSS版本！

$mqIterations: 19;@mixin fontResize($iterations) {     $i: 1;     @while $i <= $iterations {         @media all and (min-width: 100px * $i) { body { font-size:0.2em * $i; } }         $i: $i + 1;     }} @include fontResize($mqIterations);