本文介绍的方案来源于一次 H5 活动的开发实践。 H5 DEMO 参考：bir2017 拿到设计稿后，如何进行布局还原？ 如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般通过缩放来实现，常见的缩放方案有基于 viewport 和基于 rem 的布局适配方法。 1 viewport 缩放方案 在移动端，可以通过 viewport 缩放页面大小比率达到

使用 Cordova/phonegap 打包android应用，应当如何添加广告呢？ 谷歌网页广告明确表示不允许移动应用加Adsense广告，在移动应用中使用 AdSense 移动内容广告将会违反 AdSense 合作规范。移动应用包括任何可下载的应用，即便借助 WebView 来显示广告也是如此。移动应用中的任何 AdSense 移动内容广告单元都将被停用。 那么我们只能通过原生方式来添加了。下

当Cordova 程序打包并安装到手机中后，我们会发现启动程序时，会有数秒的黑屏现象，常见的解决方法则是设置闪屏画面。 这里以 Android 程序为例，介绍Cordova设置启动画面的方法。 1. 添加动画闪屏支持 打开cmd，进入项目目录下，执行命令： cordova plugin add org.apache.cordova.splashscreen 2. 制作启动画面图片 根据 platf

Ripple Emulator 是基于 Google Chrome 的移动应用模拟器，已经捐赠给了ASF。 Apache Ripple主页：http://ripple.incubator.apache.org/ 1. 调试 webapp 当你只需要调试 webapp 应用时，可以安装Chrome 应用商店上的应用。 Chrome 应用商店安装地址： https://chrome.google.co

1.安装 nodejs 下载：http://nodejs.org/download/ 2.安装 cordova 打开cmd命令行，执行： npm install -g cordova 3.安装 ant 下载ant包，解压到一个文件夹，如：D:\\program files\\apache-ant-1.9.4 配置该路径到环境变量中 ant 下载：http://ant.apache.org/bindow

Sencha被翻译成“煎茶”，Sencha下有很多优秀的项目比如Complete 、Extjs、Touch、Animator、GXT 、Architect等其它相关产品。 Sencha Touch 2 作为一种高性能的 HTML5 移动应用程序框架，是 Sencha HTML5 平台的基础。 这里将简要介绍如何使用 Sencha Cmd创建Touch项目。 一、准备工作 下载浏览器。Sencha

jquery mobile 对手势触控提供了如下几个事件监听: tap 当用户点屏幕时触发 taphold 当用户点屏幕且保持触摸超过1秒时触发 swipe 当页面被垂直或者水平拖动时触发。这个事件有其相关联的属性，分别为scrollSupressionThreshold, durationThreshold, horizontalDistanceThreshold, and verticalDi