Почему line-height работает по разному в разных браузерах?

Question

[Muvka]

Здравствуйте. Сегодня заметил неприятную особенность разных браузеров, наверное. Проблема в том, что во всех десктопных браузерах, чтобы сделать текст по центру по высоте, нужно в контейнере, высотой, скажем 40px, нужно задать line-height: 35px. Но сегодня зашел на сайт со смарфона, с того же хрома, так там текст более прижат к верху элемента. Я что-то не понимаю, и как обходить это?

Comments

[SagePtr]

А если задать line-height: 40px, будет тоже по-разному отображаться?

Answer 1

[Дмитрий]

не пользоваться px без острой необходимости
научится выравнивать текст с помощью css

Comments

[Muvka]

Я шрифты в em задаю. Размер. А остальное в пикселях. Т.е. из-за этого могут быть проблемы? Спасибо, попробую. Но блин, все в em задавать невозможно. Очень времязатратно и потом переделывать такой геморрой...

[Дмитрий]

есть несколько независящих от размера шрифта и размера блока способов выровнять текст как по горизонтали так и по вертикали
они спокойно гуглятся
какой именно вам подойдет зависит от того как сделана остальная верстка

[Muvka]

Сделал через display: table. Кэш почистил. На ПК все норм. На мобиле нет. Видимо проблема в телефоне.