Font scaling based on width of container

Question

I\'m having a hard time getting my head around font scaling.

I currently have a website with a body font-size of 100%. 100% of what though? This seems t

Answer 1

Inside your CSS, try adding this at the bottom changing the 320 pixels width for wherever your design starts breaking:

    @media only screen and (max-width: 320px) {

        body { font-size: 1em; }

    }

Then give the font-size in "px" or "em" as you wish.