筆記 前端需要了解的瀏覽器兼容問題

css兼容性問題

1. 不同瀏覽器的標籤默認的外補丁和內補丁不同，解決方案：用通配符*來設置各個標籤的內外補丁是0（即設置margin和padding爲0）；
2. div的垂直居中問題 vertical-align：middle；文字居中：將行距增加到和整個div一樣，高line-height=行高；
3. margin加倍問題：設置爲float的div在ie下的margin會加倍。解決方案：爲這個div設置樣式：display:inline;

js兼容性問題

1. 在標準的事件綁定中綁定事件的方法函數爲addEventListener，而IE使用的是attachEvent；
2. 事件處理中event屬性的獲取不同。標準瀏覽器是作爲參數帶入，然後通過e.target獲取目標元素；而IE是通過window.event方式獲得，通過e.srcElement獲取目標元素；