移動端：
① 安卓瀏覽器看背景圖片，有些設備會模糊，原因是手機的分辨率太小
解決方案： 用2X圖片來代替img標簽，然后background-size: contain
② 防止手機中頁面放大或縮小： 在meta中設置viewport user-scalable = no
③ 上下拉滾動條卡頓： overflow-scrolling: touch;
④ 禁止復制選中文本： user-select: none;
⑤ 長時間按住頁面出現閃退：-webkit-touch-callout: none;
⑥ 動畫定義3D硬件加速： transform: translate 3d(0,0,0);
⑦ formate-detection 啟動或禁止自動識別頁面中的電話號碼，content = "yes/no"
⑧ a標簽添加tel是撥號功能
⑨ 安卓手機的圓角失效： background-clip: padding-box;
⑩ 手機端300ms延遲： fastclick
① 橫平時字體加粗不一致： text-size-adjust: 100%;
PC端：
① rgba不支持IE8 用opacity屬性代替rgba設置透明度
② 圖片加a標簽在IE9中出現邊框 解決方案： img{border: none;}
③ IE6不支持display: inline-block 設置為： display: inline
④ position : fixed 不支持IE5/IE6
⑤ IE6，Firfox中，width = width + padding + border
⑥ min-height比兼容IE6/IE7