隨著標準的不斷更新換代,各種瀏覽器的版本也不斷迭代升級。由于歷史原因,IE瀏覽器在渲染HTML頁面時存在很多兼容性問題,特別是在IE8及以下版本中,往往會出現頁面排版錯亂的情況。為了解決這一問題,我們需要進行一些設置,讓IE8以最新的方式來渲染頁面。
設置IE8渲染 這是一個例子
在上面的代碼中,我們首先使用了HTML5的文檔類型聲明,讓瀏覽器使用HTML5的標準來解析頁面。然后在head標簽中,加入了一條X-UA-Compatible的標記,指示瀏覽器使用IE8的最高模式進行渲染。其中,content屬性的值可以是IE=edge,用于告知瀏覽器使用當前版本最高的模式進行渲染;也可以是chrome=1,用于告知瀏覽器使用Chrome Frame插件來渲染頁面。
除了以上設置外,我們還可以在服務端的Response Headers中設置X-UA-Compatible響應頭,以便統一控制所有在該站點內的頁面都能夠使用同一種渲染方式。例如,在ASP.NET的Global.asax文件中,可以加入以下代碼:
protected void Application_BeginRequest(object sender, EventArgs e) { HttpContext.Current.Response.AddHeader("X-UA-Compatible", "IE=edge,chrome=1"); }
通過以上設置,我們可以讓IE8以最新的方式來渲染頁面,有效避免頁面排版錯亂的問題。
下一篇選擇器css優缺點