均等分問題
核心原因: 分辨率不同骨田,安卓手機底部普遍含有虛擬導(dǎo)航欄解決辦法: 外框flex布局腰池,flex:1可以自動計算出不含虛擬導(dǎo)航欄的高度
手機端 click 事件會有大約 300ms 的延遲
解決:fastclick插件 或者 zepto的touch模塊,tap事件也是為了解決在click的延遲問題
基于rem響應(yīng)式佈局咙咽,chrome字體最小為12px亿傅;
-webkit-text-size-adjust:none
移動端禁止選中內(nèi)容如果你不想用戶可以選中頁面中的內(nèi)容
在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);