Почему у меня font-size разных на некоторых телефонах.

[dima85]

Я не использую Bootstrap и его аналоги. Весь CSS который я использую выложил ниже.
Столкнулся с проблемой что на некоторых именно некоторых телефонах шрифт в .text, big, p больше чем на других. Почему такое происходит, что я делаю не так в css?

HTML HEAD

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />

CSS

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline
}
html, body{
  height:100%;
}
body {
 line-height: 1;
 font-family: Helvetica, Arial, sans-serif;
}
big {
  font-size: 800%;
}
.text {
  font-size: 300%;
}
p {
  font-size: 150%;
}

[voraa]

Попробуйте для html установить размер шрифта в пикселях (например 16px)

Для остальных устанавливайте либо относительно него, например

.text {
font-size: 3rem;
}

Либо относительно родительского, например

p {
font-size: 1.5em;
}