2011-04-06 129 views
3

我有一個網站使用jquerymobile。它會加載一個初始網頁,然後當其他頁面被點擊時,它們將被加載到一個「覆蓋層」上,並在頂層滑動。是否可以通過Javascript更改頁面放大Mobile Safari?

就像這樣: http://jquerymobile.com/demos/1.0a4/

..except礦已啓用雙指縮放。

我希望縮放狀態在用戶看到的每個頁面上都是獨立的。因此,如果用戶從第一頁開始,打開「覆蓋圖」,放大,然後關閉「覆蓋圖」 - 我希望第一頁重置爲原始縮放級別。

這可能嗎?

回答

0

不,沒有辦法控制瀏覽器縮放。您應該使用JavaScript來放大(或縮放)瀏覽器中的對象。這是最好的設置user-scalable切換掐掉到no

+2

這是*不是一個好主意,切換設置用戶可伸縮設置爲no。如果您的文字較小或視線不好的用戶,他們將無法閱讀您的網站。 – 2013-05-17 19:43:47

1

其實,我只是不得不解決特定問題自己,所以我希望這個答案可以幫助了別人。我遇到的情況是,我有一個網站(這更像是一個網絡應用程序),它不是以響應式設計構建的,而是仍然是移動友好的。其中一個界面功能是包含一個包含表單的jQuery對話窗口。當用戶在諸如Droid或iPhone之類的移動電話上填寫該表格時,用戶將會「捏縮放」來填寫表格。所有你需要做的就是在某個事件上觸發這個函數,在我的情況下,這是點擊提交按鈕。

function changeZoomLevel() { 
     var sViewport = '<meta name="viewport" content="width=960">'; 
     var jViewport = $('meta[name="viewport"]'); 
     if (jViewport.length > 0) { 
      jViewport.replaceWith(sViewport); 
     } else { 
      $('head').append(sViewport); 
     } 
} 

當然,你會改變寬度屬性,無論你的網站框架的寬度是什麼。但這會做到這一點。

相關問題