关于您的代码，请参阅@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);
