2012-12-05 82 views
0

我已經在我的<head>以下<meta>標籤:設置不同的初始縮放級別爲iPad

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, minimum-scale=1, user-scalable=1"> 

這工作得很好,但我想用iPad版略有不同的默認縮放級別(最好是所有的設備一定屏幕寬度範圍)內,這樣的:

<meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=2, minimum-scale=0.9, user-scalable=1"> 

這是可能的,而不服務器端用戶代理檢測?最好使用JavaScript。我試圖根據navigator.plattform字符串來更改它,但如果在設置後更改它,則initial-scale不會很好。

回答

1

對不起,回答這個問題,不過我發現用document.write方式:

(function(zoom){ 
    document.write('\x3Cmeta name="viewport" content="'+ 
        'width=device-width,'+ 
        'initial-scale='+zoom+','+ 
        'maximum-scale=2,'+ 
        'minimum-scale='+zoom+','+ 
        'user-scalable=1">'); 
}(/ipad/i.test(navigator.platform)?'0.9':'1'))