深大雲網路在h5開發中解決ie瀏覽器的相容問題。瀏覽器相容問題可以認為是相同的**（css,js）在不同的瀏覽器中執行會產生不同的效果。
中國常見的3大核心：
ie核心：ie瀏覽器、360瀏覽器（相容模式）
chrome核心：chrome、360瀏覽器（極速模式）、搜狗瀏覽器、騰訊tt瀏覽器、百度瀏覽器、傲遊瀏覽器
火狐核心：firefox瀏覽器
_color 比如_color中只會用ie6瀏覽器執行這句**。
1）ie6對於微型盒子（高度小於等於18px的盒子）顯示是有問題的，它總會維持高度18px；解決辦法就是設定font-size:0;
原因:ie6的渲染機制是以文字為本，總是試圖讓盒子的高度至少有內部文字的大小。我們宣告內容文字大小為0，就好了。
_font-size:0;
列子：2)盒子的半透明
opacity。值為1的時候，表示完全不透明；0表示盒子不可見，完全透明。但是在ie6中也有相容性。
使用：_filter:alpha(opacity=72);解決相容問題
3)overflow:hidden來清除浮動，對ie6有相容性問題。
解決方法：zoom是ie瀏覽器中的乙個屬性（不是w3c的屬性），用於控制顯示倍數。這個屬性用於控制頁面中的任何元素顯示倍數的。
但是在這裡我們借助zoom這個屬性，設定1，盒子不會放大也不會縮小，但是會觸發乙個haslayout機制（有興趣的同學可以百度）。
在有haslayout機制的情況下，ie瀏覽器可以用overflow:hidden，_zoom:1來清除浮動的影響。
4）雙倍margin問題
當乙個浮動的盒子中，有連續的浮動的子盒子，（看marigin的方向，margin為左就是第1項，margin為右是最後項）的margin將會雙倍。
1* 5 ul
10 ul li
15 16
17 18
19 20
21 22
23 24
25 26
深大雲網路在H5開發中解決IE瀏覽器的相容問題
瀏覽器的相容問題 瀏覽器相容問題可以認為是相同的 css,js 在不同的瀏覽器中執行會產生不同的效果。中國常見的3大核心 ie核心 ie瀏覽器 360瀏覽器 相容模式 chrome核心 火狐核心 firefox瀏覽器 由於不同廠商的流覽器或某瀏覽器的不同版本 如ie6ie11,firefox saf...
h5開發iframe在ios裝置寬度超出螢幕
做h5專案時遇到iframe在ios手機上超出螢幕的問題，在iframe外層套了乙個div，div的寬度為螢幕寬度的90 給iframe設定了寬度100 沒有用，在ios手機上為超出螢幕，但是在安卓手機上顯示正常。解決辦法 給iframe的外層div新增樣式 overflow auto webkit...
移動h5開發中遇到的問題
1 輸入框觸發輸入法後，完成輸入，頁面不回彈，這在ios手機上很常見，解決辦法是，在輸入法失去焦點是，上讓頁面抖動一下，網上很多的解決辦法，具體就不說了，時機可以自己把握，只要是完成輸入法，就可以讓頁面抖動一下 2 ios上，當用absolute將底部欄定位到底部時，向上拖動頁面，底部欄會跟著網上被...