瀏覽器相容問題

2021-06-26 17:27:44 字數 1014 閱讀 6622

給近兩天的工作乙個總結,給這週劃上句號。

工作中遇到了在google顯示的很好的介面,在ie顯示的不是很好,但還能看,僅僅是顏色和和位置錯位,在360瀏覽器下看就是真的錯誤太大了,不顯示,樣式也亂了,於是走上解決瀏覽器相容之路。

思路1:對應每個瀏覽器寫個css,判斷之,工作量太大,放棄。

思路2:針對每個瀏覽器的不同之處在對應的地方寫個判斷即可,目測應該可以,只是乙個乙個找太麻煩,而且我對這個也不是很熟悉,對前端很熟悉的人應該寫的時候就會刻意的避免相應的相容錯誤了。

思路3:當使用者用某乙個瀏覽器時候,不相容就彈出視窗可以寫上,」您的瀏覽器核心不支援部分功能請切換至****「。我想過這種辦法,後來一想這屬於逃避問題的做法。

思路:4:指定瀏覽器核心,360安全瀏覽器是雙核心的,ie和google核心,相容模式下是ie核心,極速模式下是ie和google核心,可以指定google核心這樣開啟360安全瀏覽器就直接進入極速模式了。360極速瀏覽器也是ie和google雙核心的,預設是google核心,在用網銀的時候自動跳轉ie核心,google核心網銀不支援。指定核心是為了渲染網頁。

具體操作就是通過meta資訊,讓瀏覽器自動使用極速模式的google核心渲染網頁。

具體在之間新增 這樣就指定了使用google核心。也可以寫這樣指定google核心,ie相容核心,ie標準核心。

對於ie=edge 告訴ie使用最新的引擎渲染網頁。chrome=1啟用chrome frame chrome=1, 了解下:google chrome frame(谷歌內嵌瀏覽器框架gcf),這個外掛程式讓使用者的ie瀏覽器外觀不變,但使用者在瀏覽網頁時,實際使用的是googlec chrome核心,且支援ie6,7,8,多個版本。

ff:支援!important,ie則忽略,用!important為ff特別設定樣式。ff:firefox瀏覽器。

補充:css:linear分為linear-gradient(線性漸變)和(radial-gradient(徑向漸變)。

html下注釋是

css下注釋的/*  */

js下注釋是/*  */

瀏覽器相容問題

我經常看到一些人提問說網頁錯位,和在火狐裡面看上去網頁是好的,在ie在錯位了.在web 下html css裡全看一些關於這些問題.還有有ul li什麼調整不好的.等等 全可以用css hack 解決的.解決方法 用positon relative 然後 top 0px left 0px 上面的top...

瀏覽器相容問題

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同 段 有不同的解析,造成 顯 效果不統 的情況。在 多 數情況下,我們的需求是,論 戶 什麼瀏覽器來檢視我們的 站或者登陸我們的系統,都應該是統 的顯 效果。所 以瀏覽器的相容性問題是前端開發 員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...

瀏覽器相容問題

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...