移動端開發相關
//自適應
(function(doc, win) {
var docEle = doc.documentElement;
var fn = function() {
var width = docEle.clientWidth;
docEle.style.fontSize = 100 * (width / 750) + "px"; //假設設計圖寬度是按照750畫素
};
win.addEventListener("resize", fn, false);
doc.addEventListener("DOMContentLoaded", fn, false ); //ready
win.addEventListener("pageshow", function(e) { //快取中載入
if(e.persisted) {
fn();
}
}, false);
}(document, window));
<button>在ios系統下點擊出現底色,解決方法:
-webkit-tap-highlight-color:transparent
防止ios系統長按出現別的列表:
-webkit-touch-callout: none;
禁止複製文字:
-webkit -user-select:none
防止ios滑動卡頓:
-webkit-overflow-scrolling: touch;
初始大小及禁止使用者縮放:
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
防止Safari自動識別號碼:
<meta name="format-detection" content="telephone=no" />