1.Css3圆角白边:使用css3圆角效果时,在android某些机器上会产生白边,所以应该在圆角的div外套一个div(背景色和外部相同),然后有圆角效果的div 内部使用自己的背景色
border-radius:5px;
box-shadow:inset 0 2px 5px #e1e1e1;
<div style=”background-color:blue;”>
<div style=”background-color:white;border-radius:5px;box-shadow:inset 0 2px 5px #e1e1e1;”>
</div>
</div>
2.屏幕分辨率问题:比如pc上的640*480和设备的分辨率640*480不一样,涉及到分辨率密度(dpi)。pc上按照640px开发的页面直接放在设备(设备的分辨率可能高达1024*960)上可能就超出了。
在android下可以采用target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]来自动根据设备尺寸来缩放。
IOS不支持这个设置,通过initial-scale = float_value手动缩放
<!-- html document -->
<meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]"
/>
3.设备键盘弹出挤压页面导致页面固定元素(比如导航栏和底部工具栏)位置错乱。
position:fixed;
方法一:IOS有专门的设置控制键盘是否影响布局,改为不影响。(键盘将会覆盖到页面上方而不会挤压页面内容)
Phonegap工程中 config.xml:
<preference name="KeyboardShrinksView" value="false" />
相关推荐
phonegap性能优化 以及phonegap + Angularjs + ionic 移动app开发介绍
phoneGap是不会手机开发的人员可以进使用JS+html来进行手机开发 使程序员们可以跨编程语i言进行各种平台的手机开发了
phonegap+HTML+appframework入门应用 使用node.js搭建服务器,当客户端访问时返回json对象,客户端解析json对象并显示解析结果。文件夹中有使用说明
PhoneGap+开发指南
PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境
用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。
NULL 博文链接:https://guoqiantong.iteye.com/blog/1744129
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载
jQuery+Mobile+和+PhoneGap+集成开发 教你如何轻松建一个手机版网页
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.rar
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载 1.适合学生毕业设计研究参考 2.适合个人学习...
主要是一些在Mac上开发 iOS 使用PhoneGap 开发Html5
小程序源码 Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip
Android应用源码之Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip
安卓Android源码——Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip
PhoneGap+Jquery mobile,完整开发代码.
phonegap+jqueryMobilejs源码项目
构建跨平台appHtml5+phonegap开发