由于Amaze UI 面向現(xiàn)代瀏覽器開(kāi)發(fā)，因此，Amaze UI?對(duì) IE 8/9 等瀏覽器只提供有限的支持。

注意：

請(qǐng)不要使用 IETester 這種不靠譜的工具測(cè)試；

按照微軟官方的說(shuō)法，IE 開(kāi)發(fā)者工具中的瀏覽器模式也不一定靠譜；

微軟官方提供了各種IE 測(cè)試虛擬機(jī)。

分級(jí)瀏覽器支持(GBS)

1.分級(jí)瀏覽器支持(GBS)

GBS 是 YUI 團(tuán)隊(duì)提出的應(yīng)對(duì)日益增長(zhǎng)的瀏覽器兼容問(wèn)題的思路，詳情可以查看YUI 相關(guān)頁(yè)面。

1.1Amaze UI GBS 描述

A 級(jí)：最高支持級(jí)別，充分利用 H5 和 CSS3 等技術(shù)，提供最優(yōu)的視覺(jué)和交互效果。

B 級(jí)：有限支持，基本的樣式和正常的交互，不考慮視覺(jué)、交互效果。

C 級(jí)：核心支持，顯示語(yǔ)義化的 HTML 標(biāo)記渲染的內(nèi)容，不考慮樣式和行為。

X 級(jí)：未知、零散的很少使用或已經(jīng)停止開(kāi)發(fā)的瀏覽器，可能不支持，也可能支持。

1.2Amaze UI GBS

按照國(guó)際慣例，提供對(duì)主流瀏覽器(系統(tǒng))最近兩個(gè)穩(wěn)定版本的全面支持。結(jié)合國(guó)內(nèi)實(shí)際情況，一些瀏覽器的支持縮減為最新正式版，IE 則對(duì)更老版本做了有限支持。Amaze UI 對(duì)瀏覽器做了一個(gè)粗略分級(jí)，優(yōu)先支持 A 級(jí)瀏覽器。

由于資源有限，無(wú)法列出所有的瀏覽器，使用 WebKit 的瀏覽器只要不亂修改內(nèi)核，理論上應(yīng)該都支持。

關(guān)于瀏覽器功能支持的更多細(xì)節(jié)請(qǐng)參考 Can I use(UC 瀏覽器的數(shù)據(jù)已經(jīng)被收錄，不知是喜是憂)。

注釋：

L 代表 last，L2 - 最新的兩個(gè)穩(wěn)定版本；L1 - 最新穩(wěn)定版本。

1 安卓系統(tǒng)自動(dòng)瀏覽器，由于部分廠商對(duì)瀏覽器做了修改，列為 X 級(jí)。參考鏈接：

iOS Version Stats

1.3 IE 8/9IE 8/9 不支持 transition，看不到任何動(dòng)畫(huà)效果；

IE 9 對(duì) ES5 支持相對(duì)較好，引入完整的 amazeui.js 不會(huì)報(bào)錯(cuò)，IE 8 則不然；

Web 組件部分不提供 IE 8/9 官方支持。有限支持 IE 8/9 的 JS 插件：

警告框(Alert)；

按鈕交互(Button)；

折疊面板(Collpase)；

下拉組件(Dropdown)；

模態(tài)窗口(Modal)；

彈出框(Popover)；

圖片輪播(Slider)；

側(cè)邊欄(OffCanvas)；

滾動(dòng)偵測(cè)(ScrollSpyNav)；

固定元素(Sticky)；

選項(xiàng)卡(Tabs)；

1.4 IE8請(qǐng)注意，我們對(duì) IE 8 的支持的僅限為布局、部分 JS 插件交互基本正常，IE 8 相關(guān) Issue 將列為 `P4`(最低優(yōu)先級(jí)，可能不會(huì)處理)。需要支持 IE 8 的用戶(hù)請(qǐng)使用條件注釋引入amazeui.legacy.js amazeui.ie8polyfill.min.js。



amazeui.ie8polyfill.js 中包含以下 polyfill：

Console-polyfill

es5-shim

es5-sham

EventListener Polyfill

REM-unit-polyfill

Respond.js

1.4.1?HTML5 新元素

以下任意引入一個(gè)即可，Amaze UI 官網(wǎng)引的是 Modernizr。Modernizr

HTML5 Shiv

1.4.2 Media Query

Respond.js1.4.3 rem

REM unit polyfill1.4.4 box-sizing

IE 8 ignores box-sizing: border-box if min/max-width/height is used.1.4.5 偽元素

IE 8 只支持 CSS 2.1 規(guī)范中的單冒號(hào)語(yǔ)法(:before/:after)，不支持 CSS3 的雙冒號(hào)語(yǔ)法(::before/::after)。

1.4.6 字體圖標(biāo)

參見(jiàn) Bootstrap 中的 issue 及里面提供的解決方法。

2.關(guān)于 IE 6/7Amaze UI 不會(huì)支持 IE 6~7。

Issue 列表

與50位技術(shù)專(zhuān)家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的amaze 绝对位置 html,Amaze UI 兼容性列表的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。