簡評：瀏覽器相容性問題常常讓人頭疼，以下是避免出現這些問題的五個技巧。
字首 css3 樣式
如果您正在使用任何型別的現代 css 片段，例如框尺寸（box-sizing）或背景剪輯（background-clip），請確保使用適當的字首。
-moz- /* firefox and other browsers using mozilla's browser engine /-webkit- / safari, chrome and browsers using the webkit engine /-o- / opera /-ms- / internet explorer (but not always) */
使用 reset
您可以使用 normalize.css，下面是我用的，來自 genesis framework style sheet。
避免填充寬度
當你新增寬度為乙個元素的填充時，它會變得更大。寬度和填充將被加在一起。
要解決這個問題，可以新增這個：
清除 float
如果沒有清除，很容易出問題。感興趣的可以看看 chris coyier 的這篇文章。
可以使用此 css **片段來清除：
.parent-selector:after
如果你包裝大部分的元素，乙個非常簡單的方法是將它新增到你的 wrap 類中。
.wrap:after
搞定！測試
建立您自己的跨瀏覽器基礎架構或僅使用 endtest。
如果你讓這些東西成為一種習慣，大概可以搞定九成的瀏覽器問題。
瀏覽器跨域解決方案
今天介紹乙個實用的瀏覽器跨域方案。比如 a 嵌入了 b 的頁面，這時 b 的頁面想要呼叫 a 的頁面的方法，因為網域名稱不同，由於瀏覽器同源策略的限制會被 blocked 掉的。以下給出乙個方法 在 a 的寫下 window.addeventlistener message function obj...
js檢測按鍵的跨瀏覽器解決方案
測試瀏覽器 ie11以下，firefox46，chrome50.一 問題場景 乙個表單，提交按鈕為input type submit。改為button後，無法實現按下回車提交。tips 如果只有乙個input，則按下回車就會提交 如果有多個input，則input的type為submit時才能按下回...
跨瀏覽器的本地儲存解決方案
跨瀏覽器的本地儲存多種方式，例如 1 localstorage 只支援ie8 firefox chrome opera等，不支援ie8以下的瀏覽器。2 瀏覽器cookie 支援的資料儲存量相對較少，每個domain最多只能有20條cookie，每個cookie長度不能超過4kb，否則會被截掉，有些瀏...