這是乙個在campaign aem上搭建的頁面。
當時專題開始製作前沒有考慮到要支援相容ie8.所以導致後來用ie8驗收的時候出現了問題。現在我歸納和說一下當時出現的問題還有解決辦法。
一、rem導致頁面錯亂。
原因：當時頁面中的用了rem布局（包括pc），其實pc端建議還是不需要用rem布局，以後要避免。rem屬性為css3屬性。
在ie8中rem屬性不被支援。
二、**查詢不被支援。
原因：**查詢@media不被ie8及以下版本ie支援，而頁面的pc移動端區分是通過**查詢來識別載入的。
即在螢幕小於960px時判斷為移動端，**查詢失效導致移動端資源載入顯示到頁面上造成錯亂。
解決辦法：用ie css hack寫選擇器字首
@media \0screen\,screen\9 字首只對ie6-ie8有效果原因：ie8以及以下瀏覽器對大部分css3屬性不支援。
解決辦法：只能讓頁面正常呈現。
四、ie hack推薦
關於ie的hack 在 這篇文章中有較為詳細的說明「雖然這文章似乎也是copy來的」
處理ie8相容
1.ie8換成edge模式渲染 x ua compatible content ie edge 2.x ua compatible是針對ie8新加的乙個設定，對於ie8之外的瀏覽器是不識別的，這個區別與content ie 7 在無論頁面是否包含指令，都像是使用了 windows internet ...
IE8相容性問題彙總
這裡會存放ie7,8關於相容性的問題.ie8發布了這麼久,大家對它都懷著很高的期望,但是缺陷也不少,取消了很多的屬性,這對web開發人員來講,面臨的是轉變.原本的document.body.clientwidth沒了,div align沒了,速度更加慢了.至今搞不懂ie8為什麼要將clientwid...
IE8下相容background size方法
background size length percentage cover contain ie9 firefox 4 opera chrome 以及 safari 5 支援 background size 屬性。css3 新增的 background size 是乙個很有用的屬性，用於定義背景...