Мобильный Webkit добавляет Padding

Question

Вкл. мой сайт Я использую отступы для управления размером моих кнопок навигации:

#topnav a {
    padding: 2px 34px;
}

Это прекрасно работает во всех браузерах настольных компьютеров, включая Safari и Chrome (в которых используется рабочий стол).Webkit).

Однако в Safari для ipod и в браузере Google Android, кажется, что отступы читаются неправильно, и навигация идет в две строки (таким образом, ломая остальную часть макета).Как я могу это исправить?

(PS. Сайт не подходит для мобильных устройств, но мне все равно хотелось бы, чтобы он отображался правильно).

Answer 1

Я думаю, что на мобильном телефоне увеличивается только размер шрифта.

Используйте это, чтобы предотвратить это:

* {
    -webkit-text-size-adjust: none;
}