Meta Viewport动态更改Android默认浏览器（不是Chrome）

我试图动态更改<meta name="viewport">。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">Meta Viewport动态更改Android默认浏览器（不是Chrome）

而当屏幕分辨率低于768px我想视口的变化：
<meta name="viewport" content="width=768">

我已经默认情况下它像设置。

为此，我使用JQ代码：

var winW, 
    initVP, 
    newVP = "width=768"; 

$(document).on({ 
    ready: function(){ 
     winW = $(window).width(); 
    } 
}); 

$(window).on({ 
    load: function(){ 
     if (winW < 768) { setViewport(newVP); } 
    } 
}); 

function setViewport(content) { 
    $('meta[name=viewport]').attr('content',content); 
}

但出于某种原因，这种变化并不会影响谷歌Nexus 7的默认浏览器（不是Chrome，但瘸子，这就是一个前）在任何可见的方式。我可以看到在<head>部分进行了更改，<meta name="viewport" content="更改为width=768">，但浏览器似乎没有对此更改做出反应。

任何人都可以解释我在这里做错了吗？

谢谢！

编辑：作为zsaat14提到Nexus7根据规格有800px宽度。尽管如此，浏览器总是返回600px宽度（请参阅此处的截图）。在我的Android模拟器的情况下，它会返回602px虽然％）

Browser alerting $(window).width();

来源

2014-01-16 LoomyBear

使用Nexus 7拥有1280X800的（）的屏幕分辨率source。 meta标签正在发生变化让人有些惊讶，但您的网站保持不变并不奇怪。编辑：好的，所以它不是那么宽。您可以尝试从MDN中读取这个article，并确保元视口可以执行您期望的操作。它不太清楚你想要它做什么，但元视口标记不会做出重大改变，所以你可能会错过它。

来源

2014-01-16 15:20:14 zsaat14

好点！是根据它的规格，但事情是浏览器总是返回600px宽度...我需要更新问题。感谢您的评论！ – LoomyBear

Meta Viewport动态更改Android默认浏览器（不是Chrome）

回答

相关问题