Question

我的<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">

如果没有服务器端的useragent检测，这可能吗？最好使用javascript。我尝试根据navigator.plattform字符串更改它，但如果在已经设置后更改它，则initial-scale不会很好。

Answer 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') )

为iPad设置不同的初始缩放级别

1 个答案: