移动端/问题

均等分問題

核心原因： 分辨率不同，安卓手机底部普遍含有虚拟导航栏解决办法： 外框flex布局，flex：1可以自动计算出不含虚拟导航栏的高度

Paste_Image.png

手机端 click 事件会有大约 300ms 的延迟

解决:fastclick插件 或者 zepto的touch模块，tap事件也是为了解决在click的延迟问题

基于rem響應式佈局，chrome字體最小為12px；

-webkit-text-size-adjust：none

移动端禁止选中内容如果你不想用户可以选中页面中的内容

在css中禁掉：
.user-select-none {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
兼容IE6-9的写法：onselectstart="return false;" unselectable="on"

解决 '点透'

1.引入fastclick.js，因为fastclick源码不依赖其他库所以你可以在原生的js前直接加上
window.addEventListener( "load", function() { FastClick.attach( document.body );3 }, false );

2.或者有zepto或者jqm的js里面加上
$(function() { FastClick.attach(document.body);3 });

3.require的话就这样：
var FastClick = require(‘fastclick‘); FastClick.attach(document.body, options);