Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Почему у меня font-size разных на некоторых телефонах. (https://javascript.ru/forum/xhtml-html-css/81064-pochemu-u-menya-font-size-raznykh-na-nekotorykh-telefonakh.html)

dima85 24.09.2020 08:35

Почему у меня font-size на некоторых телефонах больше?
 
Я не использую 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 24.09.2020 09:10

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

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

.text {
font-size: 3rem;
}

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

p {
font-size: 1.5em;
}


Часовой пояс GMT +3, время: 14:24.