前言：本站為你精心整理了網頁設計與瀏覽器兼容解決方法范文，希望能為你的創(chuàng)作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

1瀏覽器與網頁兼容存在的問題

眾所周知,上網的時候一般是通過瀏覽器來實現的,所謂的瀏覽器就是指能顯示網頁服務器或文件系統(tǒng)的HTML文件內容,可以確保用戶與該類文件進行交互。不同的瀏覽器之間的內核是不同的,這就導致同一網頁在不同的瀏覽器中的效果出現差異,甚至不能夠正常顯示。目前一些網站的設計還沒具備兼顧各種瀏覽器的能力,通過少數的瀏覽器打開網頁時會出現變形、無法訪問、顯示不全和圖片不動等現象。對于這種問題,網頁開發(fā)人員把設計好的網站要放在不同的瀏覽器上檢測其兼容性,對出現不同的情況要通過有針對性的方法來解決。多數的網站設計人員采用CSS來展開布局進行設計的。目前,CSS3把CSS劃分為不同的模塊,功能也不斷強大,網頁設計也更加方便,不管是主流的門戶網站還是各種小公司甚至個人的小站,也都是通過CSS進行展開設計的。曾經,IE占據了瀏覽器的主流地位,但隨著互聯(lián)網科技的不斷發(fā)展,瀏覽器的各類呈井噴趨勢,如搜狗、360極速、百度都在推出自己的瀏覽器,而且還占領了一大塊市場份額,與此同時,谷歌、火狐、3435等瀏覽器也在市場上占有重要地位。各種不同的瀏覽器所使用的內核也是不同的,這導致很多網頁瀏覽器不兼容,因為是瀏覽器的內核負責對網頁語法進行解讀并渲染網頁。因此,瀏覽器的內核不同,對網頁的語法解釋也是不同的,同一個網頁在不同的瀏覽器下的顯示也是不同的,這就是我們所說的網站設計和瀏覽器的兼容性問題。如果網頁和瀏覽器的兼容性問題處理不好,可能會導致瀏覽器對網頁內容解讀錯誤,出現亂碼、變形、信息錯亂等現象,影響頁面的美觀和使用。

2幾種網頁與瀏覽器兼容問題的解決方法

2.1采用Hack技術實現瀏覽器的兼容性問題

所謂Hack技術就是利用不同瀏覽器對CSS樣式支持不同的特點,針對不同瀏覽器分別重復定義多個不同的樣式表,由瀏覽器各自解析執(zhí)行自己支持的樣式,從而設計出不同瀏覽器具有相同顯示效果的頁面。目前最常用的方法是利用瀏覽器對加入特殊字符的選擇符或個別樣式的支持、不支持重復定義不同的樣式。對個別瀏覽器有特別顯示效果的樣式,如果個別瀏覽器有自己單獨支持的隱藏樣式,則先針對大多數瀏覽器定義通用樣式,之后再用個別瀏覽器單獨支持的隱藏樣式重復定義該樣式,使得大多數瀏覽器使用前者,個別瀏覽器用隱藏樣式覆蓋后單獨使用后者。如果個別瀏覽器不支持大多數瀏覽器使用的樣式,則先針對個別瀏覽器定義樣式,之后再用個別瀏覽器不支持的樣式為大多數瀏覽器重復定義該樣式,使個別瀏覽器使用前者,大多數瀏覽器覆蓋后使用后者。

2.2不同瀏覽器頁邊距不一致問題

比如在CSS中寫一個margin—left:588px,經過測試人們了現在IE8和火狐瀏覽器的顯示效果民相同的,但IE6中顯示就會出問題,主要表現就是頁邊距會相差幾個像素,這就影響了網頁的美觀。這種現象產生的原因是不同的內核對網頁的解讀不同導致的,也就是渲染機制不同。不同的廠商對CSS的解釋是有一定的差異的,同一個廠商不同的版本對此也可能出現不同的解釋,正如上面講到的IE7和IE8對同一問題的渲染是不同的。另外,瀏覽器和CSS和版本一直處于動態(tài)更新之中,這也是導致二者經常無法兼容的因素。對這一問題的解決可以對不同的瀏覽器書寫不同的標準。

3結語

本文只是簡單介紹幾種解決網頁和瀏覽器的兼容方法,隨著網絡技術的不斷發(fā)展,瀏覽器和網頁的不兼容問題可能會更加突出。要想從根本上解決這個問題,還要從瀏覽器的內核著手。只有不同的廠商使用統(tǒng)一的CSS標準,才能從根本上解決網頁和瀏覽器的兼容問題。

作者：過玉清 單位：江蘇聯(lián)合職業(yè)技術學院徐州財經分院