Я не использую 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" />
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%;
}
Средний
