html - Android 网络应用程序 : Position:fixed broken?

Question

我正在为手机开发一个 Web 应用程序。我使用 Web 应用程序，因为对我来说这似乎是一个成功的局面必须开发一个也可以在 iPhone 上运行的应用程序/Windows Mobile/Palm 等

在做了几天的概念、想法和想法后，我今天开始测试设计，我想做的是有一个菜单页面底部。和这款 iPhone 底部的菜单一模一样应用截图:

使用 CSS，我认为这很容易做到。仅使用位置:固定；底部:0；会成功的，但我发现它在移动浏览器上的行为不一样

我试图将我的页面分成 2 个部分:1 将是一个可滚动的 div(对于内容)，另一个是底部菜单。可滚动的 div 也不适用于 Android。我也尝试过使用框架也没有运气。有谁知道重新创建菜单的任何方法会粘在手机页面的底部？

Answer 1

在我的带有 CyanogenMod 的 Android N1 上，我也遇到了这个问题，并且修复了:

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

具体user-scalable=no;部分，也可以用0代替no。

有趣的是，这会破坏 androids 对按钮的渲染，但您所要做的就是为按钮设置背景颜色。