CSS h1 너비가 큰 글꼴 크기

Question

h1에 텍스트의 전체 100 % 너비가 채워지도록 텍스트 크기를 지정할 수 있습니까?

이렇게하면됩니다.

코드 :

<h1>FOO</h1> 
<h1>BAAR</h1> 

Answer 1

이 플러그인을 사용해보십시오.

http://fittextjs.com/

는 응답 텍스트 좋아요.

는 편집 :가 jQuery로

jQuery("#element1").fitText(1.2, { minFontSize: '20px', maxFontSize: '540px' }); 
jQuery("#element2").fitText(1.2, { minFontSize: '40px', maxFontSize: '340px' }); 

Answer 2

한 가지 가능한 해결책은 다음과 같습니다

var cs=$("#content").width(); 
$("h1").each(function(){ 
var hs=$(this).width(); 
while(hs<cs) 
{ 
    $("h1").css("font-size",hs+0.01+"px"); 
    var hs=$(this).width(); 
} 
while(hs>cs) 
{ 
    $("h1").css("font-size",hs-0.01+"px"); 
    var hs=$(this).width(); 
} 

}) 

Answer 3

그래도 의견을 기다립니다 꽤 잘 작동 bigtext라는 플러그인을 발견했다.

https://github.com/zachleat/BigText