今天為了css的布局的遊覽器相容性調整了一晚上，怎麼調怎麼不對，四處找資料和解決方案，無意中發現通過ide建立的頁面沒這個相容性問題，然後我就不停找原因和縮小範圍。最後，發現只發現有所區別，這是我以前寫網頁是很火大的一段文字，每次會情不自禁的刪掉，經過研究後發現，千萬不能小看。
在遵循標準的任何web文件中，它都是一項必需的元素。會影響**驗證，並決定了瀏覽器最終如何顯示你的web文件。現在您明白了吧，當你刪除了時，就是把如何展示您html頁面的權利給瀏覽器！很恐怖吧，ie6，ie7，ie8，firefox2，firefox3，chrome，有多少種瀏覽器，您的頁面可能就會產生多少種展示方式。
如果您的頁面根本就沒有，那麼您考慮瀏覽器的相容性，就是緣木求魚，提高頁面的相容性從重視開始。
能夠見到的有以下這幾種:
html 2
html 3.2
html 4.01 strict, transitional, frameset
xhtml 1.0 strict, transitional, frameset
xhtml 1.1 xhtml1.1,xhtml 1.1 plus mathml 2.0 plus svg 1.1
我們常用的有：
xhtml1-strict：宣告文件中不使用任何失效屬性以及框架
loose：宣告文件使用一些失效元素包括顯示
xhtml1-transitional：宣告文件使用一些失效元素並且使用框架
建議您的頁面都是用strict宣告，這樣可以最大限度的提高頁面的相容性，不過這樣可能會造成您在編寫html程式時必須非常嚴格。只有當strict宣告太嚴格，給您編碼和實現造成了困難，您可以使用transitional宣告，否則堅持使用strict。
最後再次宣告：
您刪除的時刻，正是災難開始發生的時刻。提高頁面的相容性從認識開始
頁面解析度相容性處理
目前自己了解兩種辦法 function bodyscale bodyscale 如果想要不留空白，可以讓背景寬高都為100 鋪滿整個螢幕，然後讓中間的部分垂直居中對齊。寬高比例1.7777 1920x1080 1600x900 1360x768這個大概 1280x720 css3新增的元素，使用re...
移動端頁面相容性解決方案
一,css部分 1,meta標籤 maximum scale 1,minimum scale 1,user scalable no 移動端加上這個標籤才是真正的自適應，不加的話，假如你把乙個980px寬度 手機端常規是980 的pc網頁放在手機上顯示，倒也能正常顯示不出現滾動條，不過是移動裝置對頁面...
如何寫出相容性很好的頁面
其實這跟 wcag 根本上連不上什麼直接關係，但為了乙個相容性更好，特別是向後相容的頁面，必須要把這個東西寫上 學習的過程當中你就已經有些相容性的了，如果要用，除飛你只想讓該標籤的效果只在某些瀏覽器裡面有效果，特別是h5，現在好些標籤都沒有統一在所有瀏覽器有效。清除標籤格式是必須的，因為大部分標籤都...