Увеличенный размер шрифта на nexus 7 (тот же эффект, если я уменьшаю масштаб/на рабочем столе)

Question

Я не могу решить эту проблему. Если я нахожусь на моей странице на рабочем столе или iphone/ipad, она работает нормально, но при использовании Nexus 7 размер шрифта почему-то увеличивается (I считает), что вызывает слишком много элементов меню и поэтому давая им новый ряд.

Вот как это выглядит, когда уменьшение масштаба или на Nexus 7 (заголовок-нав и колонтитула-нав)

Вы получаете тот же эффект, если я уменьшить или на рабочий стол, поэтому вы можете протестировать здесь: solitude-online.com

Answer 1

Вы используете em-единицы для ваших размеров шрифтов. Это лучший способ сделать это, однако em-units основаны на стандартном размере шрифта. Размер шрифта по умолчанию отличается на разных платформах и операционных системах. Вы можете решить это, объявив размер шрифта по умолчанию, например:

html { 
font-size: 10px; 
} 
body { 
font-size: 16px; /* Fall-back */ 
font-size: 1.6rem; 
}