Compatibility


Amaze UI 面向现代浏览器开发,对 IE 8/9 等浏览器只提供有限的支持。

注意:

分级浏览器支持(GBS

GBS 是 YUI 团队提出的应对日益增长的浏览器兼容问题的思路,详情可以查看 YUI 相关页面

Amaze UI GBS 描述

Amaze UI GBS

按照国际惯例,Amaze UI 提供对主流浏览器(系统)最近两个稳定版本的全面支持。结合国内实际情况,一些浏览器的支持缩减为最新正式版,IE 则对更老版本做了有限支持。

Amaze UI 对浏览器做了一个粗略分级,优先支持 A 级浏览器

由于资源有限,无法列出所有的浏览器,使用 WebKit 的浏览器只要不乱修改内核,理论上应该都支持

关于浏览器功能支持的更多细节请参考 Can I use(UC 浏览器的数据已经被收录,不知是喜是忧)。

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

注释:

参考链接

IE 8/9

有限支持 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

请注意,我们对 IE 8 的支持的仅限为布局、部分 JS 插件交互基本正常,IE 8 相关 Issue 将列为 `P4`(最低优先级,可能不会处理)。

需要支持 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]-->

HTML5 新元素

以下任意引入一个即可,Amaze UI 官网引的是 Modernizr。

Media Query

rem

box-sizing

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

伪元素

IE 8 只支持 CSS 2.1 规范中的单冒号语法(:before/:after),不支持 CSS3 的双冒号语法(::before/::after)。

字体图标

参见 Bootstrap 中的 issue 及里面提供的解决方法

关于 IE 6/7

Amaze UI 不会支持 IE 6~7