От чего шрифт на телефоне не по правилу CSS?

Question

[bro-dev]

Баг только на телефоне, или в режиме эмуляции хрома.
Два абсолютно одинаковых элемента, с разным контентом. Отображаются по разному. Почему шрифт зависит от контента когда в стилях прямо указан его размер? Если количество пунктов увеличить то все будет норм. Это подвал сайта

s50.radikal.ru/i130/1602/6d/cd6d16ef5c02.png
orel.tri-t.info/sait1

Answer 1

[Дмитрий]

Попробуйте так в медиа запросе написать:

.bro-block100 .bro-container div ul li a {
font-size: 16px;
}

Comments

[Дмитрий]

Это не жесть, а каскадирование. Скорее всего в стилях где-то более точно указан "путь" до этого элемента. Можно всю жесть заменить на !important, но есть клиенты, которые знают про валидный код и могут начать ругаться. Или еще как вариант перепроверить все таблицы, но это только в том случае, если нормальный бюджет у проекта или клиент хороший.

Answer 2

[Lynn «Кофеман»]

ru.stackoverflow.com/a/382694/190728

html {
    -webkit-text-size-adjust: 100%;
}