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）

回答

相關問題