瀏覽器的相容問題
瀏覽器相容問題可以認為是相同的**（css,js）在不同的瀏覽器中執行會產生不同的效果。
中國常見的3大核心：
ie核心：
ie瀏覽器、360瀏覽器（相容模式）
chrome核心：
火狐核心：
firefox瀏覽器
由於不同廠商的流覽器或某瀏覽器的不同版本（如ie6ie11,firefox/safari/opera/chrome等），對css的支援、解析不一樣，導致在不同瀏覽器的環境中呈現出不一致的頁面展現效果。這時，我們為了獲得統一的頁面效果，就需要針對不同的瀏覽器或不同版本寫特定的css樣式，我們把這個針對不同的瀏覽器/不同版本寫相應的css code的過程，叫做css hack!
_ 這個就是css hack
以上是通過css hack去解決ie的相容問題
ie瀏覽器各版本 css hack 對照表
_color 比如_color中只會用ie6瀏覽器執行這句**。 1）
ie6對於微型盒子（高度小於等於18px的盒子）顯示是有問題的，它總會維持高度18px；解決辦法就是設定font-size:0;
原因:ie6的渲染機制是以文字為本，總是試圖讓盒子的高度至少有內部文字的大小。我們宣告內容文字大小為0，就好了。
列子：
2)盒子的半透明
opacity。值為1的時候，表示完全不透明；0表示盒子不可見，完全透明。但是在ie6中也有相容性。
使用：_filter:alpha(opacity=72)
;解決相容問題 3)
overflow:hidden來清除浮動，對ie6有相容性問題。
解決方法：
zoom是ie瀏覽器中的乙個屬性（不是w3c的屬性），用於
控制顯示倍數
。這個屬性
用於控制頁面中的任何元素顯示倍數的。
在有haslayout機制的情況下，ie瀏覽器可以用overflow:hidden，_zoom:1來清除浮動的影響。 4）
雙倍margin問題
當乙個浮動的盒子中，有連續的浮動的子盒子，（看marigin的方向，margin為左就是第1項，margin為右是最後項）的margin將會雙倍。 1*
5 ul
10 ul li
15
16
17
18
26
解決方法：
1. 給第乙個（或者最後乙個）元素，單獨的class，設定為一半的margin即可。
2. 給浮動的父盒子新增 zoom：1，觸發haslayout機制。
給浮動的子元素加上inline即可 _display:inline;
5)的邊框
ie6、7中，所有有鏈結的，都預設有難看的邊框:
解決方法：
img
6)ie6在不加文件宣告頭的時候，會用自己的理解處理盒模型。由「外擴」變成「內減」。margin居中會失效。
解決辦法：
新增文件宣告頭
正常情況
不加文件宣告頭
深大雲網路在H5開發中解決IE瀏覽器的相容問題
深大雲網路在h5開發中解決ie瀏覽器的相容問題。瀏覽器相容問題可以認為是相同的 css,js 在不同的瀏覽器中執行會產生不同的效果。中國常見的3大核心 ie核心 ie瀏覽器 360瀏覽器 相容模式 chrome核心 chrome 360瀏覽器 極速模式 搜狗瀏覽器 騰訊tt瀏覽器 瀏覽器 傲遊瀏覽器...
h5開發iframe在ios裝置寬度超出螢幕
做h5專案時遇到iframe在ios手機上超出螢幕的問題，在iframe外層套了乙個div，div的寬度為螢幕寬度的90 給iframe設定了寬度100 沒有用，在ios手機上為超出螢幕，但是在安卓手機上顯示正常。解決辦法 給iframe的外層div新增樣式 overflow auto webkit...
移動h5開發中遇到的問題
1 輸入框觸發輸入法後，完成輸入，頁面不回彈，這在ios手機上很常見，解決辦法是，在輸入法失去焦點是，上讓頁面抖動一下，網上很多的解決辦法，具體就不說了，時機可以自己把握，只要是完成輸入法，就可以讓頁面抖動一下 2 ios上，當用absolute將底部欄定位到底部時，向上拖動頁面，底部欄會跟著網上被...