摘要：对于720px的设计稿，100vw == 720px，1vw == 7.2px; vw可以替代rem 实现自适应布局。 相应的计算插件：postcss-px-to-viewport ******** ** 翻转屏幕后，vw和vh会相应的变化。 比如：100vh，竖屏时相当于600px，横屏时则相当于 阅读全文

摘要：版心可以用div.classname实现，也可以直接定义到body上实现。 如果header 和 footer需要横向占满，content有宽度限制，可以用div.classname实现（淘宝）; 如果是对整体的宽度进行限制，可以定义到body上（京东）。 .banxin { min-width:3 阅读全文

摘要：background:url("http://..../xxx.jpg") no-repeat center/cover; 这种复合形式在有些低端安卓浏览器中不支持，最好分开写： background-image:url("http://..../xxx.jpg"); background-repe 阅读全文

摘要：// tap事件封装function tap(obj, callBack){ if(typeof obj != 'object') return; // 变量 var startTime = 0; // 记录触摸开始时间 var isMove = false; // 记录是否产生移动 obj.add 阅读全文

摘要：// ajax封装function ajax(options) { /** * 传入方式默认为对象 * */ options = options || {}; /** * 默认为GET请求 * */ options.type = (options.type || "GET").toUpperCase 阅读全文

摘要：display:flex（注意：所有相关属性都需要加-webkit-前缀） 阅读全文

摘要：最近 做了一个移动端页面，内容可以显示全，但 即使拉到最底下，滚动条依然距离底部有一小段距离，这对于追求完美 略带强迫症的我，简直无法忍受！ 另外，发现淘宝有些页面也是这样的，当我以为这是chrome浏览器 的问题的时候， 看到淘宝 还有些页面没有这个问题，这就奇怪了。 http://test.um 阅读全文

摘要：1.h5页面 通过 .css("transform") 或 .style.transform 获取 transform属性，并通过 split 方法解析 页面translateY 的值，在chrome等浏览器中没有问题， 但涉及到与安卓app的数据交互时，安卓webview无法获取transform 阅读全文