1、
瀏覽器撥打**問題
場景：
使用標籤 tel:協議，一鍵撥打**功能下，正對含有分機號的情況，通常是撥打分機號後需以「#」結束，
或者不識別「#」。
解決方案：
經查證瀏覽器解析該字元是會進行轉碼成16進製制字元，經實踐，將「#」字元寫成「%23」，在使用h5中一鍵撥打**
tel:協議時可以正常除。
示例**：
var tel = 『400-610-1360
轉301661』;
tel
= poptel.replace('
轉',',,')
//tel +=』#』; 錯誤方式
tel +=』%23』;
撥打**
$(『#callhotline』).attr(『href』,tel);
2、h5
本地儲存(localstorage)
相容性問題
場景：
ios作業系統下safari瀏覽器下使用h5本地儲存localstorage無效，並報js錯誤，造成使用localstorage一下的指令碼不能執行。
解決方案：
經實踐，採用cookie儲存資料方式可以支援ios作業系統下safari瀏覽器的無痕瀏覽模式。
**示例：
localstorage.vipflag = 『1』;//無痕瀏覽模式下該語句報錯，造成後面的語句不能執行
引入jquery.cookie.js檔案使用如下方式儲存資料
$.cookie('vipflag','1');
3、background圖被邊界切割掉的問題：
問題描述：每個輸入框都會再有邊靠邊界地方增加乙個叉號,往往是ui給提供的背景圖，需要開發人員通過css樣式表新增進去，在新增除錯的過程中會遇到相容性的問題，iphone型別的手機顯示正常，如iphone6/6s等，安卓部分手機顯示正常，如樂視，魅族等，但是華為、小公尺有些機型不大正常，經常會出現北京圖被邊界切掉了，經過查詢資料，我們可以讓北京圖不依靠邊界border展示，而是依靠padding展示，將background-origin設定成content-box,將padding邊界設定成大小合適的即可
background詳細介紹請參照 鏈文background詳解
inline-block問題：
對span標籤使用inline-block樣式，每個span標籤佔螢幕三分之一寬度，發現會出現折行，是因為line-block標籤會存在預設間距，可以使用float:left消除改間隙，也可以使用margin-left設定負邊距消除改間隙，方案消除間隙, 可以將 inline-block 元素的父元素font-size設定為0
還可以採用下文中的 的方案
遇到的相容性問題
在chrome瀏覽器下調好的頁面在ie8中執行出現的相容性問題 1 原頁面使用echarts繪製圖形在chrome瀏覽器只引用echarts.js能夠正常顯示，但在ie8下報錯 解決 引入zrender包 packages 繪圖部分 var labeltop 分 textstyle labellin...
piczoom相容性問題 相容性問題
1.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3px，ff 下實際佔高17px，上留白1px，下留白3px，opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...
開發中遇到的相容性問題
我們經常遇到的問題是，別的瀏覽器都相容了，ie也相容了，但是360的相容模式卻不相容，很煞面子，其實這些問題是很容易解決的。兩個個標籤就能讓它灰溜溜跑開。1 這個meta標籤的意思是如果瀏覽器有兩個核心，那麼啟用webkit為核心的瀏覽模式 一般為極速模式 但是如果只用這乙個meta標籤的話，使用者...