Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Which browser specific CSS3 necessary for mobile website

Which browser specific CSS3 necessary for mobile website

Problem

As we develop our Mobile version website, I am wondering how many of the Browser Specific CSS3 versions are necessary. The plan is for only smaller handheld devices to be sent to the mobile version, iPad, Galaxy and other tablets will stay on the main website.

In particular I am wondering about box-shadow, border-radius and gradient css support.

I have been combing the wonderful world of google and come up with the list below, of which browser specific versions might be necessary to cover the bulk of smart phones.

-webkit- for box-shadow

-webkit- for border-radius

-webkit-, -o-, -moz- for gradient

Can anyone confirm my list? Or tell me which ones I didn't list might be necessary?

Thanks

Problem courtesy of: Tom

Solution

I suggest you use css3please.com to get all the possible prefixes for most of the commonly used css3 features.

As for mobile; you will not need the IE prefixes (opera has mobile browsers etc.)

Don't forget to always specify a non-prefixed version, regardless of if its already supported by some browsers, because it will be in the future, and the prefixed versions will go ignored.

To look up more specific information about property support in different browsers you could look them up on caniuse.com

Solution courtesy of: sg3s

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Which browser specific CSS3 necessary for mobile website

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×