Отображать моноширинные шрифты того же размера, что и их окружение. ⇐ CSS

[Anonymous]

Я использую этот хорошо известный прием, чтобы моноширинные шрифты использовали тот же размер шрифта, что и пропорциональные:

Код: Выделить всё

code, kbd, tt, pre, samp, textarea {
font-size:1em;
font-family: monospace, monospace;
}

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

Однако я только что обнаружил, что это не работает в большинстве браузеров Android! По-видимому, monospace, monospace считается ошибкой в ​​мобильных браузерах на базе Chrome, и вместо этого они используют пропорциональный шрифт по умолчанию. (Firefox в порядке.)

Итак, кто-нибудь знает обходной путь для этой проблемы? Я пробовал такие варианты, как моноширинный шрифт, с засечками, но это тоже не сработало.

Подробнее здесь: https://stackoverflow.com/questions/588 ... rroundings