對於今天遇到的幾個問題的解決過程有些感觸:
1. 現在做一個新的web界面,基礎佈局原來已經做好了的,只需加入一些新的東西進入。在本機上(IE8)上面沒問題,到IE6上就顯示不了。原本以爲是js庫的版本問題,但是原始佈局在IE6上顯示良好,排除。最後發現是自己寫的js佈局代碼裏面多了一個亂碼字符,這是由於將文件拷入myeclipse引起的。整個過程將各個不同版本的js庫換來換去,折騰了很久時間,還是不起作用。根本原因是沒有找到問題的關鍵所在,解決問題的步驟有問題。
2. 同樣的,另外一個頁面在IE8上面顯示良好,放到IE6、IE7上就不行了。最後發現用EasyUI定義控件的時候,options參數最後一個鍵值對有個逗號所致。可以看出各個版本瀏覽器的容錯能力都是不同的,所以在編寫代碼的時候應該儘量規範,這樣可以避免一些不必要的麻煩。
3. ul標籤的margin和padding屬性在各個版本瀏覽器中的默認值是不同的,所以很多時候ul在不同瀏覽器中顯示格式不盡相同。一個好的解決辦法是爲ul定義如下樣式:
style {
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 20px
}
其中最後的20px是自己定義的左縮進量。有的時候問題解決不好,很大一部分原因是不知道問題的本質所在。
4. IE6的容錯性很差勁,當CSS中出現中文註釋的時候,頁面佈局很有可能產生問題,所以平常儘量用英文註釋。這個問題折騰了很久的時間。