0

我的标签中有以下<meta>标签<head>：

<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如果你在它已经设置好之后改变它，它就不会很好地发挥作用。

4

1 回答 1

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') )
于 2012-12-05T11:57:29.537 回答