Android Web App:位置:固定坏了？
32 html css android webkit position
我正在为移动设备开发Web应用程序.我选择了网络应用程序,因为对我来说,似乎必须开发一个可以在iPhone/Windows Mobile/Palm等上运行的应用程序.
经过几天的概念,想法和设计后,我今天开始测试,我想做的是有一个贴在页面底部的菜单.完全像这个iPhone应用程序截图底部的菜单:
使用CSS,我虽然很容易做到这一点.仅使用position:fixed; 底部:0; 本来可以做到这一点,但我发现它在移动浏览器上表现不一样
我试图将我的页面拆分为两部分:1是可滚动的div(对于内容),另一部分是底部菜单.可滚动的div也无法在Android上运行.我也试过使用没有运气的帧.有没有人知道有什么方法可以重新创建一个贴在手机页面底部的菜单？
mis*_*ghi 49
在我的带有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.
有趣的是,这会破坏按钮的渲染效果,但您所要做的就是为按钮设置背景颜色.
- 请注意,viewport元内容属性的正确语法使用逗号分隔值,而不是分号. (3认同)
- 我在使用user-scalable = no的许多设备上遇到了很多问题.使用它时,我注意到选择框变得完全无法使用. (2认同)
- 不幸的是,我提出的修改上述评论的编辑被拒绝了.由于这一点似乎存在疑问,这里有一个[参考规范](http://dev.w3.org/csswg/css-device-adapt/#parsing-algorithm),其中指出"作者应该使用逗号为了确保内容在所有UAs中按预期工作". (2认同)
kad*_*d81 16
只需添加:
<meta name="viewport" content="width=device-width, user-scalable=no" />
到页面,你设置为Android 2.2+.这适用于我在手机上测试的页面.来源:我什么时候可以使用CSS位置:修复？