How to achieve an acceptable font size on all devices?

Question

css

The essence of the question may seem simple, but I, as a beginner, do not understand it.
I made the layout of the site using foundation 5. Everything is working out as it should, but the problem is that on mobile devices with a small screen but a high resolution, the font in the blocks looks unreadable. This mostly happens on phones in portrait mode. How to deal with it?

Answer 1

With the help of media for each device class, set its own display font size.

Answer 2

nonsense, use em to place pixels. pxtoem.com for help, According to the first table, for example, we set the font size of 0.625em for the entire document and dance from it, it turns out 1.4 em is 14 pixels. profit