HTML視口無法縮放到手機

Question

我有一個使用iweb工具包構建的網絡應用程序，在Android和iPhone中看起來很棒。 唯一的問題是，在移動設備上，您可以抓住屏幕並將其向左移動一段很長的距離，而看到的只是白色。 如果我將其移至右側，則不會執行此操作。 我設置了元標記，例如<meta content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" name="viewport" /> 。

我也將body和html css標簽設置為， margin: 0, padding: 0; width: 100%, height: 100% margin: 0, padding: 0; width: 100%, height: 100%

我試圖通過javascript糾正應用程序在屏幕上的移動，但這是行不通的。 有人遇到過嗎？

Answer 1

您是否有position：fixed的div？ 我在設計的網站上使用菜單遇到這樣的溢出問題。 Android和iPhone似乎不像桌面瀏覽器那樣處理固定位置。

如果可以避免的話，您可能也不想使用“ user-scalable = no”，因為它會嚴重降低殘疾人士在屏幕尺寸或字體尺寸之間的可用性。