amaze 绝对位置 html,Amaze UI 兼容性列表
由于Amaze UI 面向現代瀏覽器開發,因此,Amaze UI?對 IE 8/9 等瀏覽器只提供有限的支持。
注意:
請不要使用 IETester 這種不靠譜的工具測試;
按照微軟官方的說法,IE 開發者工具中的瀏覽器模式也不一定靠譜;
微軟官方提供了各種IE 測試虛擬機。
分級瀏覽器支持(GBS)
1.分級瀏覽器支持(GBS)
GBS 是 YUI 團隊提出的應對日益增長的瀏覽器兼容問題的思路,詳情可以查看YUI 相關頁面。
1.1Amaze UI GBS 描述
A 級:最高支持級別,充分利用 H5 和 CSS3 等技術,提供最優的視覺和交互效果。
B 級:有限支持,基本的樣式和正常的交互,不考慮視覺、交互效果。
C 級:核心支持,顯示語義化的 HTML 標記渲染的內容,不考慮樣式和行為。
X 級:未知、零散的很少使用或已經停止開發的瀏覽器,可能不支持,也可能支持。
1.2Amaze UI GBS
按照國際慣例,提供對主流瀏覽器(系統)最近兩個穩定版本的全面支持。結合國內實際情況,一些瀏覽器的支持縮減為最新正式版,IE 則對更老版本做了有限支持。Amaze UI 對瀏覽器做了一個粗略分級,優先支持 A 級瀏覽器。
由于資源有限,無法列出所有的瀏覽器,使用 WebKit 的瀏覽器只要不亂修改內核,理論上應該都支持。
關于瀏覽器功能支持的更多細節請參考 Can I use(UC 瀏覽器的數據已經被收錄,不知是喜是憂)。
注釋:
L 代表 last,L2 - 最新的兩個穩定版本;L1 - 最新穩定版本。
1 安卓系統自動瀏覽器,由于部分廠商對瀏覽器做了修改,列為 X 級。參考鏈接:
iOS Version Stats
1.3 IE 8/9IE 8/9 不支持 transition,看不到任何動畫效果;
IE 9 對 ES5 支持相對較好,引入完整的 amazeui.js 不會報錯,IE 8 則不然;
Web 組件部分不提供 IE 8/9 官方支持。有限支持 IE 8/9 的 JS 插件:
警告框(Alert);
按鈕交互(Button);
折疊面板(Collpase);
下拉組件(Dropdown);
模態窗口(Modal);
彈出框(Popover);
圖片輪播(Slider);
側邊欄(OffCanvas);
滾動偵測(ScrollSpyNav);
固定元素(Sticky);
選項卡(Tabs);
1.4 IE8請注意,我們對 IE 8 的支持的僅限為布局、部分 JS 插件交互基本正常,IE 8 相關 Issue 將列為 `P4`(最低優先級,可能不會處理)。需要支持 IE 8 的用戶請使用條件注釋引入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 新元素
以下任意引入一個即可,Amaze UI 官網引的是 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 規范中的單冒號語法(:before/:after),不支持 CSS3 的雙冒號語法(::before/::after)。
1.4.6 字體圖標
參見 Bootstrap 中的 issue 及里面提供的解決方法。
2.關于 IE 6/7Amaze UI 不會支持 IE 6~7。
Issue 列表
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的amaze 绝对位置 html,Amaze UI 兼容性列表的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: flask html下拉列表,如何使用F
- 下一篇: html css js调用dll,js调