Css - dynamic font size

Question

We are developing a website for a school project: this website must also be available on mobile devices (and tablets).
We have attained this goal, except for an issue with the font-size: we've set this property manually via @media query.

Does there exist a way by make the font-size can be made dynamic without the use of percent?

Thanks

Answer 1

If I understand your question, you should consider this option:

.yourClass {
    font-size: 2.0vw;
}

It meaning 2.0% of viewport width. You can also use 2.0vh (2.0% viewport height)