What's wrong with fonts in mobile browsers (Safari)?

Question

css

I noticed that Safari on the tablet and phone reduces the font size by about one and a half times. The principle of such behavior is not entirely clear. Maybe I lost some meta tag or something else I forgot to specify?
At the moment there are:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no">

body {
  font: 300 16px/1.2 Roboto, #{$font_stack};
}

Answer 1

Use Normalize.css