How to make a responsive css font?

Question

css

The website has a menu! It looks good on a computer, but on smaller gadgets, the font is too small, how best to write in css so that, depending on the screen size, the font size in the menu changes?

Answer 1

Responsive websites require the meta tag:
Then set the desired dimensions in the appropriate intervals of media conditions.
But you need to understand that you will probably have to redo not only the font size.

Answer 2

set the font size not in px, but in em\rem.

Answer 3

https://habrahabr.ru/company/mailru/blog/315196/

Answer 4

Set text sizes, various indents, which should decrease when the resolution decreases, using em and rem units, make several breakpoints in media-queries where to reduce the font-size of html depending on the resolution. It is better for several elements to set fixed sizes, in px. For example, paragraphs. Otherwise, as you have, there is an excessive decrease in fonts. In my sites, I usually set p { font-size: 16px; before starting development; } - then the text is equally well readable on any device. Some less important text, showing, for example, additional information and the like, can be made smaller, for example 12-14 px.

Answer 5

This is not a bad article.
https://www.smashingmagazine.com/2016/05/fluid-type...

Answer 6

The best way in my opinion. Smooth adaptation with setting the initial and final size https://youtu.be/HJZP5QsrpXs