2010-07-28 61 views
5

當我在iOS4下Safari瀏覽器窗口的高度或寬度附近點擊兩次時,它會放大或縮小和/或向上,向下,向右或向左滾動,具體取決於大小頁面和當前視口位置。我該如何防止這種行爲?如何防止iOS4的Mobile Safari中的默認雙擊行爲(縮放,平移)?

我正在一個網站,這是(非常)糟糕的;我們保留了幾層菜單狀態並水平滾動以在層之間導航。雙擊軟管佈局,並沒有直觀的方法來恢復它。

據我所知,雙擊似乎沒有觸發滾動或觸摸事件。其他的事情我已經試過:

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

...有變化:

  • 用戶可擴展性=無
  • 用戶可擴展= 0
  • 寬度=設備寬度
  • width = 320

回答

2

它看起來像做絕對肯定,沒有我的重要元素 - 我有一個靜態的標題,滾動體和靜態頁腳和頭和身體都可以橫向滾動 - 實際上超過視口寬度並有溢出:隱藏似乎已經做到了。

很傷心沒有什麼官方關於這一點,因爲這很煩人,並打破的其他例子最,我在網上找到

2

你有as在你的元標記商場錯字,每個設置之間你應該使用逗號。恩。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> 
+0

固定在例子中;試生產。沒有幫助。 – 2010-07-28 17:26:54

+0

我剛剛製作了一個示例文檔,並在我的iPhone上進行了測試,並且按預期工作。 (http://ninjadev.org/stackoverflow/viewport.html)你有鏈接到頁面,所以我可以試試我的自我? – 2010-07-28 17:50:01

1

我發現<meta name="viewport" ...>標籤通常適用於iOS,以防止雙擊縮放但在iOS 5.1的iPad3上偶爾會出現少數情況,我很難再現這種情況,雙擊變焦被激活並隨後擰緊頁面佈局。這種行爲相當麻煩。管理點按事件的using Javascript可能有助於防止這種情況發生,同時我們會等待Apple解決此問題。但是,如果沒有重新編制錯誤的方法,則很難進行測試。

聲明:我沒有測試過這種方法。

相關問題