在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…

上一篇之后我从各个小伙伴那里收集到了第二波移动端常见的bug以及其解决方案，部分解决方案可能不准确或者存在问题，希望有正确解决方案的给与评论。 备注：文中的bug收集于网络，解决方案可能并不准确，欢迎大家提供更加完整的方案。 Q: 移动端使用fastclick之后，在ios环境…

本来团队是搞PC端开发的，前段时间架构调整，移动端人力不足，所以团队把移动端的工作也一起接过来了。 不过由于我们团队以前没开发过移动端的东西，技术积累较少，因此花费了不少时间在基础技术积累上面。 这次介绍一下我们的移动端适配方案的改进过程。 最开始进行移动端开发时，由于工期比较…

最近接了个需求，要求长按某个标签显示删除一个悬浮的删除按钮。这个需求其实在app上很常见，但是在移动端h5中，我们没有长按的事件，所以就需要自己模拟这个事件了。 ps: 为了做个gif还下了app，还得通过邮件发到电脑上，脑瓜疼。。 在touchend中清除这个定时器，这样如果…

这几个事件最早出现于IOS safari中，为了向开发人员转达一些特殊的信息，所以新增了这些事件，随着Android中的webkit的加入，慢慢地这样的专有事件成了事实的标准，从而导致W3C开始指定Touch Event规范的内容。 touchstart 手指触摸屏幕时触发，即…

前面写过一篇移动端适配实践的文章，很长，内容太多，看得容易凌乱，重新写个通熟易懂版的。 比如，对于一个移动端页面，设计师给的视觉稿画布宽 750，视觉稿中的一个黄色区块的尺寸是 702 x 300，并在画板中居中。我们希望在任何一个设备中的呈现比例都与视觉稿中一样，根据布局视口…

最近在开发移动端页面的时候遇到固定顶部导航栏并添加搜索输入框的需求，第一反应就是用 position: fixed; 实现。但是这个属性在移动端总有各种奇怪的问题。早在2011年就有人问过这类似问题，但是都9102年了这个问题还有人提出。于是我决定在今年的新环境中再踩一遍 po…

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性…

相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。 通过meta标签对viewport的设置，定义了页面的缩放比例；要了解这些参数的意义，我们需要先知道几个视口宽度的意义。 visualviewpor…