2011-06-09 64 views
2

如果用戶在iPad上,我需要更改某些元素的字體大小,因爲iPad會將我的導航欄呈現在屏幕外(由於iPad上某些未知的字體放大) 。jQuery檢測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 } 
    }); 

回答

0

我們已經成功與此:

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

我會在哪裏把「然後」的代碼呢?我假設沒有必要把'如果'... – ToddN 2011-06-09 14:54:52

+0

@ToddN:定義這個函數,你可以在你的代碼中使用它「if(isiPad()){...在這裏做iPad-y的東西。 ..} – n8wrl 2011-06-13 15:22:12