2012-12-02 40 views
1

我想在運行時設置視口縮放比例 - 移動瀏覽器應該在設置後立即應用更改嗎?這是我想要的:在運行時更改視口比例?

var scale = 2.0; 
var viewport = document.getElementById("viewport"); 
if (viewport != null) { 
    viewport.setAttribute("content", 
     "initial-scale=" + scale + ", " + 
     "maximum-scale=" + scale + ", " + 
     "minimum-scale=" + scale + ", " + 
     "user-scalable=no"); 
} 

但它似乎並沒有工作。基本上我想要一個按鈕,按下時將視口縮放倍數。我主要針對移動Safari。

感謝

+0

不要在你的屬性字符串中使用分號(';'),逗號(',') – ahren

+0

@ahren ok謝謝更新 - 給了它另一個嘗試,但似乎沒有任何當我運行該代碼以響應iPhone(4s)上的按鈕單擊時發生可視變化。謝謝 – user291701

+0

您可能還需要設置'minimum-scale' - 因爲我認爲'initial-scale'只對頁面加載有效...... – ahren

回答

1

一對夫婦的事情要考慮:

  • 視口內容的字符串應該用逗號分隔,而不是一系列的語句。
  • minimum-scale應該可能在那裏,因爲我相信initial-scale僅適用於頁面加載。