Compatibility

Amaze UI is developed for modern browsers, and only provide limited support for browsers like ID 8/9.

Attention:

• Please don't use unreliable test tools like IETester；
• According to the official opinion from Microsoft, ther browser mode in IE Developer Tools is also not reliable;
• Microsoft provids manyIE testing virtual machines.

Graded Browser Support(GBS)

GBS is a solution raised by YUI team to deal with growing browser compatibility problem. See YUI Page for more details.

Amaze UI GBS Description

• A-grade:A-grade support is the highest support level. By taking full advantage of the powerful capabilities of modern web standards, the A-grade experience provides advanced functionality and visual fidelity.
• B-grade:B-grade support is the limited support level. It provide basic styles and normal functionality. Advanced functionality and visual fidelity is not under consideration.
• C-grade:C-grade support is the core support level. Delivered via nothing more than semantic HTML, the content and experience is highly accessible, unenhanced by decoration or advanced functionality, and forward and backward compatible. Layers of style and behavior are omitted.
• X 级：X-grade provides support for unknown, fringe or rare browsers as well as browsers on which development has ceased. Browsers receiving X-grade support are assumed to be capable. X-grade browsers are all browsers not designated as any other grade.

Amaze UI GBS

Like many other frameworks, Amaze UI fully supports the latest two stable version of popular browsers. Because of practical reasons, for some browsers, Amaze UI only support their latest official version. We also provided limited support for older version of IE.

Support for browsers is listed as below, A-grade browsers have higher priority。

In limit of space, We are not going to list all browsers. Theoretically, browsers using WebKit are all supported as long as the core is not modified too much.

More details about browsers support can be found here(data for UC browser has been collected).

Comments：

• L represents last，L2 - Latest two stable versions；L1 - Latest stable version.
• 1 Android's build-in browser. Because of the modification in different branches of Android, we list it as X-grade.

Reference:

• iOS Version Stats

IE 8/9

• IE 8/9 don't support transition, so there will be no animate effects;
• IE 9 has better support for ES5, so importing complete amazeui.js won't cause error. Error will be caused in IE8;
• Official support is not provided for Web widgets in IE8/9.

JS plugins that limited support IE8/9：

• Alert;
• Button;
• Collpase;
• Dropdown;
• Modal;
• Popover;
• Slider;
• OffCanvas;
• ScrollSpyNav;
• Sticky;
• Tabs - Only IE 9；

IE 8

Developers need support for IE 8 please import amazeui.legacy.js using conditial comments, and import corresponding 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="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="https://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 New Elements

Importing any one of these is fine, we used Modernizr for our official website.

• Modernizr
• HTML5 Shiv

Media Query

• Respond.js

rem

• REM unit polyfill

box-sizing

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

Pseudo-elements

IE 8 only support single colon in CSS 2.1(:before/:after), and don't support double colon in CSS3(::before/::after).

Font ICON

See issue and solutions in Boostrap.

About IE 6/7

Amaze UI won't support IE 6~7。