Почему на мобильных устройствах текст приподнимается вверх?

Question

[Иван К]

На мобильном устройстве текст ссылок, текст внутри кнопок, и я подозреваю что и заголовки приподнимаются немного вверх, в стилях такого нет, на компе в инспекторе все ровно, а в живую на андроиде вот так:

Comments

[EVGENY T.]

В чем указан padding?

[Иван К]

EVGENY T., паддинг указан в пикселях. и он не меняется на мобильном, я как раз пока костылем исправил - сделал сверху паддинг на 3 пикс больше чем снизу и стало ровно - но это колхозный вариант так сказать пока не пойму почему текст уезжает вверх

[EVGENY T.]

ikonkov, попробуйте в dpi

[Иван К]

EVGENY T., вот еще дополнение - так ведет себя только этот шрифт (BEBAS NUE) кнопки с другим шрифтом все ок - наверное сам шрифт криво рендерится на мобиле.

Answer 1

[Adilet Zhuman]

Я думаю если это в кнопках и вы хотите его выравнивать по середине, то задать ему line-height по высоте кнопок) как вариант можно по пробовать

Comments

[Иван К]

в том и прикол что лайн хейт там стоит с кнопку высотой и отображается все правильно на компе, а на мобиле уезжает вверх против всех правил

[Adilet Zhuman]

ikonkov, можно потыкать? Залейте куда нибудь) посмотрим

[Иван К]

Adilet Zhuman, 2wp.isp.regruhosting.ru сейчас я сделал паддинги на 3 пикс больше сверху на мобилах - чтобы этим как бы компенсировать глюк - понятно что костыль, но лучшего решения пока не не нашел. Так что на компе если в инспекторе смотреть мобильную ширину текст в кнопках наоборот смещен вниз а на андроиде при этом стало типа норм.

[Adilet Zhuman]

ikonkov, странно протестировал у себя, никаких изменении нету, если убрать ваш медиа запрос) текст всегда по середине

[Adilet Zhuman]

ikonkov, joxi.ru/Q2KNL9oC4dQB1m вот так выводится если не трогать ваш код, то есть не по середине) из за вашего костыля

[Иван К]

Adilet Zhuman, так прикол в том как это выглядит на телефоне. Я добавил 3 пикс вверх чтоб на андроиде было ровно, пожертвовав комп версией так как таких размеров все равно не бывает. Если убрать костыль то будет ровно на компе в инспекторе, а на мобильном будет поднято (как нв скрине)