Meta标签： 1 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 1 <meta content="width=device- ...
分类：
移动开发 时间：
2016-07-19 13:21:37
阅读次数：
226
1.解决横竖屏字体大小变化 2.移动viewport 设备宽度、禁止缩放 3.css3媒体查询 4.可以继续使用px 不用em 5.解决古老移动设备浏览器不识别viewport 6.解决safari 横竖屏切换字体变大 ...
分类：
移动开发 时间：
2016-07-13 19:21:42
阅读次数：
177
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影， ...
分类：
移动开发 时间：
2016-07-12 15:20:37
阅读次数：
253
想必做移动前端的同学经常会接到这样子的一个需求，就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换，这在移动设备是个很常见的一个效果，其用户体验远甚于点击一个按钮区域，通过手指的触摸操作也是移动设备的中一个特性，我们必须专业化的处理，哈哈。其实实现原理很简单，但平常中自己开发不是 ...
分类：
移动开发 时间：
2016-07-12 13:44:14
阅读次数：
181
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影， ...
分类：
移动开发 时间：
2016-07-11 16:55:15
阅读次数：
183
接触retina屏 基础知识（移动Web的基础知识）排版布局（高效的移动Web布局）开发效率终端交互优化 pixel像素基础viewport视图viewport_meta标签viewport_coding pt, pxViewport640*960initial-scale=1.0devicePix ...
分类：
移动开发 时间：
2016-07-09 11:48:28
阅读次数：
147
1.APPIUM介绍 Appium 是一个自动化测试开源工具，支持 iOS 平台和 Android 平台上的原生应用，web 应用和混合应用。所谓的“移动原生应用”是指那些用 iOS SDK 或者 Android SDK 写的应用。所谓的“移动web 应用”是指使用移动浏览器访问的应用（Appium ...
分类：
移动开发 时间：
2016-06-30 12:38:06
阅读次数：
163
你可能不知道的.5px 移动web设计中，在retina显示屏下网页会由1px会被渲染为2px，那么视觉稿中1px的线条还原成网页需要css定义为.5px。文章开头的漫画中，细心的设计师发现粗线条并吐槽，前端哥的理由是因为css的border-width不支持.5px，所以用了1px来替代，最终渲染 ...
分类：
移动开发 时间：
2016-06-28 10:44:24
阅读次数：
391
移动web端开发主要基于H5技术，着重解决设备尺寸自适应，touch事件，重力和方向感应。 移动框架使用过JQuery Mobile，Zepto，Frozen。 JQuery Mobile和Zepto都和JQuery使用方法相同，但前者更重。Frozen是手Q团队增值业务应用的开源框架。 Web A ...
分类：
移动开发 时间：
2016-06-25 10:58:02
阅读次数：
217
如何使用 将您的 Web App 手动添加到云集里 原来我们固执地只接受 W3C WebApp Manifest 网址，但现在您只需要输入 Web App 的网址，就可以直接将您的 Web App 添加到云集里。您也可以直接打开 Web App 试试看。如下图： 查看您的 DebugID 在新版本的 ...
分类：
移动开发 时间：
2016-06-16 21:32:38
阅读次数：
267
