在ios中软键盘弹起时，仅会引起 $(‘body’).scrollTop 值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案，因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 在android中软键盘弹起或收起时，会改变window的高度，因此监听window的 onresize 事件；

这篇文章主要讨论了移动端页面渲染与布局的一些基本概念例如 viewport 和 css 像素, 这些内容是了解移动端页面适配的基本前提.

移动端开发不可避免的一个点就是适配问题，由于机型繁多，屏幕尺寸大不相同，以及retina屏幕导致一套固定的样式布局无法满足所有的屏幕需求，因此需要解决各种屏幕的适配问题，让页面在所有手机上看起来都合适美…

大家有没有发现淘宝的H5移动端没有使用任何rem和vw单位，而是和web端项目一样，使用的是px单位。虽然是px但它也很完美的将整个页面渲染了出来。那淘宝的FE是怎么实现的呢？

通常在移动端页面调试时，除了移动端chrome和safiri,几乎对其他浏览器无法调试。在测试过程中，通常解决兼容性占了大部分时间，对那些手机厂商自带浏览器和第三方浏览器深恶痛绝，为什么不使用统一标准。