CSS3 Compatibility List on different models of mobile browsers

Source: Internet
Author: User

The online collection of CSS3 support for different system mobile browsers (Ios/android/winphone) back up for review. The following information by the product department "White Tree" collation, reproduced please specify.

√: Full support √: Partial support x: Unsupported (-webkit): Add-webkit prefix only support (-MS): Add-ms prefix to support


CSS3 Summary:

For the WebKit kernel browser, in addition to media, Text-shadow, the use of other properties is basically prefixed with WebKit.

Gradient rendering is not rich in low-version systems

ios3.2~4.3 does not support position:fixed, it is not recommended

android2.1~2.3 support for animations is not rich

android2.1~2.3 does not support Translate3d, it can be used in conjunction with media to write low-end Android version of the CSS hack

For Winphone's IE browser

IE9~11 supports media, Box-shadow, Border-radius

IE9 not supported for animations

IE9 does not support box layout

IE9 does not support gradients, depending on the situation can be appropriate to use IE filter

Only IE9 is supported: {attribute: Property value 9;}

The above-mentioned, in WebApp development, we can divide mobile devices into low-end systems (IE9, android2.1~3.0, ios3.2) and high-end systems (ios4+, android4.1~4.2),

For low-end systems, with a common solution, and with hack compatibility, for high-end systems, you can use a richer and more cool effect.

Mobile device replacement Soon, the latest version of various mobile phone system has supported the majority of CSS3 effect, I believe that in the future support for CSS3 can be achieved unity.

CSS3 Compatibility List on different models of mobile browsers

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.