IOS:IOS的键盘处在窗口的最上层，当键盘弹起时，webview的高度height并没有改变，只是 scrollTop发生变化，页面可以滚动。且页面可以滚动的最大限度为弹出的键盘的高度，而只有键盘弹出时页面恰好也滚动到最底部时，scrollTop的变化值为键盘的高度，其他情况…

1. overflow: auto; IOS手机滚动卡顿 2. 动画定义3D启用硬件加速 3. 盒子边框最低只能是1px 4. a标签或者button标签等，点击后会有蓝色边框；去掉难看的点击的高亮效果 5. calc的兼容性处理 6. 微信浏览器中跳转新网页：window.l…

年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。 下面是最近一个月整理的JS基础总结，可供大家温故而知新。 移…

过去一年多一直在做移动开发方向的项目，遇到了不少兼容性的坑，虽然最后爬出来了，但是为了避免同事再次掉坑，于是一边开发，一边也整理总结了一份移动端兼容性问题记录笔记，记录当时用的解决方案或解决问题时参考的权威文章，方便团队知道如何解决相关兼容性问题及问题背后的一些原理，现在将这份…

出来混，那些混过去的，迟早是要还的 (￣Д ￣)┍ 。 1. 什么是 viewport ? 它的的作用是啥？ 提到 viewport，之前总感觉挺突兀的，但是当我最近做移动端项目时，突然关注到一直被忽略的 meta 标签的时候，才恍然大悟（o(╯□╰)o）。那么，首先让我们来了…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

最近刚接触前端开发，接手了一个移动端H5项目。着实体会掉了前端的坑之多，和H5移动端的坑之多多。 介绍方案之前，首先还是交代一下项目背景与需求，毕竟一切方案也不能脱离实际需求。 总的来说主流的方案有rem和vh两种。 rem（font size of the root elem…