Amaze UI 面向現(xiàn)代瀏覽器開發(fā),對 IE 8/9 等瀏覽器只提供有限的支持。
注意:
IETester
這種不靠譜的工具測試;GBS 是 YUI 團隊提出的應對日益增長的瀏覽器兼容問題的思路,詳情可以查看 YUI 相關頁面。
按照國際慣例,Amaze UI 提供對主流瀏覽器(系統(tǒng))最近兩個穩(wěn)定版本的全面支持。結合國內實際情況,一些瀏覽器的支持縮減為最新正式版,IE 則對更老版本做了有限支持。
Amaze UI 對瀏覽器做了一個粗略分級,優(yōu)先支持 A 級瀏覽器。
由于資源有限,無法列出所有的瀏覽器,使用 WebKit
的瀏覽器只要不亂修改內核,理論上應該都支持。
關于瀏覽器功能支持的更多細節(jié)請參考 Can I use(UC 瀏覽器的數(shù)據(jù)已經被收錄,不知是喜是憂)。
OS/Browser | Ver | Windows | iOS(7.1.2+) | OS X (10.9+) | Android (4.1+) | WP(8+) |
---|---|---|---|---|---|---|
Chrome | L2 | A | A | A | A | N/A |
IE | 10+ | A | N/A | N/A | N/A | A- |
9 | B | N/A | N/A | N/A | N/A | |
8 | C+ | N/A | N/A | N/A | N/A | |
lte7 | C | N/A | N/A | N/A | N/A | |
Firefox | L2 | A | N/A | A | X | N/A |
Safari | L2 | X | A | A | N/A | N/A |
Opera | L1 | X | N/A | N/A | X | N/A |
Opera Coast | L1 | N/A | A | N/A | N/A | N/A |
Opera Mini | L1 | N/A | X | N/A | X | X |
Stock1 | L1 | N/A | N/A | N/A | X | N/A |
UC 瀏覽器 | L1 | X | A | N/A | A | A- |
360瀏覽器 | L1-極速 | A- | X | N/A | X | N/A |
L1-IE8 | C+ | N/A | N/A | X | N/A | |
搜狗瀏覽器 | L1-極速 | A- | N/A | N/A | N/A | N/A |
L1-IE8 | C+ | N/A | N/A | N/A | N/A | |
FF Mobile | L1 | N/A | N/A | N/A | X | N/A |
注釋:
L
代表 last
,L2
- 最新的兩個穩(wěn)定版本;L1
- 最新穩(wěn)定版本。1
安卓系統(tǒng)自動瀏覽器,由于部分廠商對瀏覽器做了修改,列為 X 級。參考鏈接:
transition
,看不到任何動畫效果;amazeui.js
不會報錯,IE 8 則不然;有限支持 IE 8/9 的 JS 插件:
功能 | IE 8 | IE 9 |
---|---|---|
border-radius | NO | YES |
box-shadow | NO | YES |
transform | NO | YES(-ms 前綴) |
Flex Box | NO | |
transition | NO | |
placeholder | NO |
需要支持 IE 8 的用戶請使用條件注釋引入 amazeui.legacy.js
,并引入相關的 polyfill。
<!--[if (gte IE 9)|!(IE)]><!--><script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script><script src="assets/js/amazeui.js"></script><!--<![endif]--><!--[if lt IE 9]><script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script><script src="assets/js/polyfill/rem.min.js"></script><script src="assets/js/polyfill/respond.min.js"></script><script src="assets/js/amazeui.legacy.min.js"></script><![endif]-->
以下任意引入一個即可,Amaze UI 官網(wǎng)引的是 Modernizr。
box-sizing
IE 8 ignores
box-sizing: border-box
if min/max-width/height is used.
IE 8 只支持 CSS 2.1 規(guī)范中的單冒號語法(:before
/:after
),不支持 CSS3 的雙冒號語法(::before
/::after
)。
參見 Bootstrap 中的 issue 及里面提供的解決方法。
Amaze UI 不會支持 IE 6~7。