解决一个比上次说的更加常见的设计，就是在页面底部会有固定的底部栏，上面有各种操作按钮等。主要讲解决position:fixed; bottom:0; 在IOS页面中，软键盘出现后失效的问题。

我们通过 viewport 视口设置，可以实现对移动端设备窗口的尺寸控制，这是个十分有用的功能，并且由于现在 viewport 已经支持动态修改了，所以还能在页面加载之后再根据需求对其进行调整，但实际

收集了40个前端解决移动端web页面问题的必备小技巧，希望能够帮助大家，减少开发时间，增多摸鱼时间。以后有更多的小技巧我都会发出来

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

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