Почему у меня 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%; } |
Попробуйте для html установить размер шрифта в пикселях (например 16px)
Для остальных устанавливайте либо относительно него, например .text { font-size: 3rem; } Либо относительно родительского, например p { font-size: 1.5em; } |
Часовой пояс GMT +3, время: 14:24. |