這段時間，經常會接到很多需要處理瀏覽器相容問題的工作。開個玩笑的說，如果看到乙個人的電腦裝了很多瀏覽器，那麼勇敢地懷疑他的崗位是不是web前端開發吧。有一段時間，我的電腦同時安裝了chrome、ff、360、ie、搜狗和yy瀏覽器，另外還有ietester用作除錯不同版本的ie。
瀏覽器相容一事是前端的一大「痛處」，在前端工作裡面也占有相當大的比例，每當接到測試部門反饋回來說出現瀏覽器相容bug的時候，我的心就加了一塊石頭，哈哈哈。
一般地，在產品發布之前，都需要經過嚴格的測試、反饋、修復，方能上線。否則，即使這款產品很好，功能很強大。但卻不能在主流瀏覽器中很好地執行，這樣無疑就「遮蔽」了部分使用者，有可能會造成**的流量、使用者體驗甚至是收益的降低。每當想到這些，即使遇到比較麻煩、棘手的相容問題，都會想方設法地去解決問題了，o(∩_∩)o~
有人說，處理瀏覽器相容問題對有很多年開發經驗的人來說是很容易的，他們對問題的處理往往一針見血，這樣的工作者無疑是讓我佩服的，必須要向他們學習。
但對於新手來說，一開始，我覺得只是沒有寫好文件型別宣告導致部分瀏覽器以怪異模式來渲染網頁。對於調皮的ie瀏覽器，我試著增加一行相容處理的meta，。這些設定可能對於某些問題來說是可行的解決方案，當然，對於乙個標準的網頁來說，確實也應該如此設定，較為嚴謹，避免出現更多的相容bug。
就最近的工作來說，我通過上述的2種方案仍然未能解決問題，尤其是ie不同版本的相容問題。甚至是，測試部門的工作人員那邊出現了相容問題，但我的電腦卻顯得比較「強悍」，無法重現（不能重現，很難修復bug的喲~）測試部門所提的bug，就算是使用了ietester來模擬，也是正常執行。後來被告知，
不能完全相信ietester，有時候，ietester測也是不准的。這時候需要
多方考證，多測，多發現bug，多想辦法。
為了重現測試部門提的bug，我把本來是ie11的瀏覽器降級為ie8，後來又出現了ie9專有的bug，又需要把瀏覽器公升級為ie9（這裡感嘆一下前端工作者的瀏覽器折磨，哈哈哈）。
在除錯的過程中，f12是少不了的。現在慢慢發現，其實很多瀏覽器相容的bug，除了一些較為常見的，成為「慣例」的相容問題，比如ie6的雙邊距問題，ie6、ie7、ie8專有的hack寫法，類似這些問題網上也給出了很多解決方案。
更多地，是自身**的結構寫得不是很好，或者寫的不規範，在高版本的瀏覽器看起來貌似是沒問題，正常顯示，但對於低版本的瀏覽器，它們往往不能很好地識別一些不太標準的寫法，不能按照我們所預期的去顯示，也就是出現了相容問題啦~~這時候不妨
重新審視自己的**，慢慢找原因，多對比
。當實在不能解決，時間還允許的情況下，可以考慮推倒以前做的東西，換種思維方式重新實現，相容問題或許就這樣愉快地解決了。
author：致知
sign：路漫漫其修遠兮，吾將上下而求索。
瀏覽器相容
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...
瀏覽器相容
1 css bug css樣式在各瀏覽器中解析不一致的情況，或者說 css樣式在瀏覽器中不能正確顯示的問題稱為 css bug.2 css hack css中，hack 是指一種相容 css在不同瀏覽器中正確顯示的技巧方法，因為它們都屬於個人對 css 的非官方的修改，或非官方的。有些人更喜歡使用 ...
瀏覽器相容
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同一段 有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，我們的需求是，無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統，都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...