瀏覽器相容性

2022-07-01 22:39:17 字數 780 閱讀 2094

所有都可以通過來查詢支援的瀏覽器

html相容性

主要就是html5相容以前老ie能夠使用html5標籤;

引入html5shiv外掛程式就能解決

js相容性

常用短路運算子來判斷;

例:

css3相容性

1.加廠商字首;

2.定製需要的屬性就選上,然後引入;

如果支援,就會在html標籤上長生成乙個class,這樣就可以區分支援的和不支援的;

例:假設需要flex的屬性,選擇引入後,如果支援就是

移動端click300ms延遲

原因:double click雙擊,點選一次後,在300ms只能再次點選就是雙擊,所以單擊時,會有300msy延遲來判斷 ;     

使用外掛程式fastclick.js,原理,利用touchend來模擬乙個新的點選事件,阻止預設事件

1.bg-image($url)

background-image: url($url + '@2x.png')

@media (-webkit-min-device-pixel-ratio:3), (min-device-pixel-ratio:3) //裝置畫素比為3時,使用3x圖

background-image: url($url + '@3x.png')

瀏覽器相容性

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

瀏覽器相容性

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

瀏覽器相容性

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