Question

I want to make font responsive to browse width change, I make like this

<div>
   <h1>hello world  </h1>
</div>

div{
width:50px%;
min-heigth:300px;
border:1px solid black;
font-size:120%;
}
h1{ 
    font-size:6em;
}

here’s an exmple on
http://jsfiddle.net/wZmAc/

The font doesn’t respond! Can somebody help!

Answer 1

If you’re just trying to scale the font to fit the screen and you’re willing to consider a Javascript solution, you might check out FitText.js (jQuery) or the InflateText.js remix.