解决android webkit的css postion:fixed支持问题
2012-06-15 11:36
351 查看
android webkit不能支持postion:fixed,导致无法设计网页上的菜单在页面上下滚动时固定在一个位置。 解决方法如下: 在Html中加入以下meta属性(适用于android 2.2) <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 示例页面如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> <title> Android Fixed-Position Scrolling Demo</title> <style type="text/css"> .ft { position:fixed; width:100%; text-align:center; font-weight:bold; } div, ul, li { margin:0; padding:0; } li { list-style:none; height:44px; line-height:44px; padding-left:10px; border-bottom:1px solid #eee; } </style> </head> <body> <div class="ft"> Fixed Headers</div> <div id="bd"> <ul> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul> </div> </body> </html>
相关文章推荐
- 解决android webkit的css postion:fixed支持问题【转】
- 解决android webkit的css postion:fixed支持问题
- 实现 IE6 下支持 position-fixed 的 CSS 属性并解决“振动”的问题
- 解决android position fixed无效问题
- 解决Android引用多个库的jni架构平台支持冲突的问题
- 解决 iOS webkit 使用CSS动画时闪烁的问题
- 解决IE使用css表达式模拟fixed效果时抖动问题
- 解决IE6不支持position:fixed问题
- Android添加新版本支持包V7后自定义ActionBar左侧有空白,不能玩全填充问题解决
- Android 自绘TextView解决提前换行问题,支持图文混排
- 解决IE8以下浏览器不支持CSS属性opacity的问题
- 解决android数据库降级时,sqlite不支持drop column的问题
- 解决position: fixed;不兼容IE7的问题,由于IE6不支持些属性,可以不管
- Android添加新版本支持包V7后自定义ActionBar左侧有空白,不能玩全填充问题解决
- [Android--Tool]更新SDK后ADT版本低不支持问题的解决
- CSS position:fixed定位时 “高度坍塌” 问题的解决
- 移动端fixed + Input 调用键盘的时候fixed无效问题(css解决)
- Android Studio设置主题 和 不支持中文的问题解决方法
- 解决支持库版本兼容问题:all com.android.support libraries must use the exact same version specification
- css解决IE6、Chrome、ff 浏览器position:fixed;和闪动问题