jQuery Определить iPad, изменить размер шрифта элемента

Question

Мне нужно изменить размер шрифта некоторых элементов, если пользователь находится на iPad, потому что iPad выводит мою панель навигации за пределы экрана (из-за некоторого неизвестного увеличения шрифта на iPad).

Вот мой текущий CSS:

#mainmenu ul li a{
    font-size:1em;
    line-height:38px;    
    padding: 0px 10px;
    margin: 0 auto;
   float: left;
}

Я хочу, чтобы размер шрифта был изменен на .9em, если пользователь находится на iPad, поэтому я мог бы использовать .attr или .addClass, для меня не имеет значения, я просто не знаю, как добраться до этого точка, что-то вроде этого я предполагаю?

function isiPad(){
    return (navigator.platform.indexOf("iPad") != -1);
}

$(function() {
    if ($(isiPad).length == 1) {
  do something }
    });

Answer 1

Мы добились успеха с этим:

function isiPad() {
    return navigator.userAgent.match(/iPad/i); 
}