如何動態設置視口？

如果我想動態更改視口標籤，我需要做什麼？如何動態設置視口？

用於移動

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

ipad公司（寬度超過768px）

<meta name="viewport" content="width=device-width, initial-scale=0.7, maximum-scale=2, user-scalable=yes" />

來源

2014-07-02 user3758718

對於樣品：

<meta name="viewport" content="width = 384" id="myViewport">

它設置佈局視口寬度爲384個像素。這適用於大多數現代瀏覽器;諾基亞WebKit是主要的例外。

您可能希望佈局視口的寬度爲380px，除非您使用的是寬屏幕（如您所期望的那樣讀取平板電腦）設備，在這種情況下，您可能需要將其翻倍至768.或者其他任何設備。

<meta id="myViewport" name="viewport" content="width = 384"> 
<script> 
if (screen.width > 768) { 
    var mvp = document.getElementById('myViewport'); 
    mvp.setAttribute('content','width=768'); 
} 
</script>

該腳本自動執行並直接更改元視口標記。

它也可以強制太大變化後，頁面已經被下載和渲染後：

<meta id="myViewport" name="viewport" content="width = 384"> 
<script> 
window.onload = function() { 
    if (screen.width > 768) { 
     var mvp = document.getElementById('myViewport'); 
     mvp.setAttribute('content','width=768'); 
    } 
} 
</script>

來源

2014-07-02 06:20:30

如何動態設置視口？

回答

相關問題