How to scale a text accordingly?

Does anyone know how to get text to scale proportionally to the size of a device’s display? Is that not what em is support to do? I’ve tried font-size: X% too. Its just on a larger phone its spaced well as shown here:

But then on a smaller phone the same title is too large and squashed right. I would expect the title to scale down accordingly.

Any idea?