摘要： -webkit-overflow-scrolling: touch;惯性滚动 只适应于ios，必须设置高和overflow:auto;系统架构，开发规范，自动化压缩混淆，自动化发布，前端监控和分析，前端优化 阅读全文

摘要： 在做移动端项目时，碰到一个很纠结的问题，头部固定的问题，一开始使用fixed，发现一系列的问题，问题1：footer输入框 focus 状态，footer 被居中，而不是吸附在软键盘上部。测试环境：iPhone 4s&5 / iOS 6&7 / Safari问题2：页面底部，footer输入框失去焦点时，header定位出错。当页面有滚动动作时，header定位恢复正常。测试环境：iPhone 4s&5 / iOS 6&7 / Safari操作步骤：1、页面滚动到底部；2、选中底部输入框，使输入框进入focus状态；3、点击页面其他区域，使输入框失去焦点；问题3 阅读全文

摘要： 一、一切以良好用户体验为基础1. 视觉效果界面的设计就不用多说了，一般情况这个属于美工的活儿，这里要谈的是几个最基础的点。第一，你的页面兼容性如何？各个元素的长宽、行高等在不同浏览器上是否表现一致，如果这个都没有保证，那一定是不合格的。第二，移动终端上的体验问题，如今很多页面 PC 和移动终端都用的一套结构，也就是我们所说的响应式布局，本博客就使用了响应式布局，缩小窗口可以看到效果，响应式布局是为了让不同的移动终端也能得到同样的优质体验，可是很多开发者却忽略了横屏时的效果。下面是常见的几个移动终端的像素比例：Mobilepx rateIphone5320*568Iphone4320*480Ga 阅读全文