區別不同瀏覽器的相容性

2022-09-11 11:57:14 字數 626 閱讀 3384

現在谷歌瀏覽器已經被很多使用者認可,不僅僅是它的外觀簡潔,而且功能也很強大,對於我們常常寫css的站長來說不僅要照顧谷歌瀏覽器,還要照顧各個主流的瀏覽器,有時候在按照常理寫css的時候其他瀏覽都相容某段css但是谷歌死活不相容我們要怎麼來做呢?

我們知道各種瀏覽器都有他特殊區分的hack,比如我們要區分ie6我們可以用「—」等。詳細大家可以看本站的:ie6、ie7、ie8、firefox、opera、谷歌瀏覽器、safari css hack區分,瀏覽器,其實在這篇文章裡面就有介紹如何區分谷歌瀏覽器,由於谷歌的比較特殊好多朋友都不會,所以這篇文章詳細的說以下這個如何來實現。

先來給出乙個div

這裡是div的內容

一般我的寫css應該是這樣:

#home

但是如果要區分谷歌瀏覽器是這樣的:

@media screen and (-webkit-min-device-pixel-ratio:0)  }

也就是在#home的css屬性外面加上了@media screen and (-webkit-min-device-pixel-ratio:0) {}

瀏覽器相容性

瀏覽器相容性是乙個很長久的話題,之所以前端需要面對瀏覽器相容性,是因為使用者的環境有不同的平台,不同的瀏覽器。不同的廠商之間為了相互競爭,對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本,不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...

瀏覽器相容性

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

瀏覽器相容性

trident ie核心 gecko firefox 核心 webkit chrome,safari blink webkit 的分支 presto 是挪威產瀏覽器 opera 的 前任 核心,為何說是 前任 因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌大本營。移動端的瀏覽器核心主要說...