Я не использую 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%;
}