If a mobile (phone/tablet) device's browser is smart enough to understand retina media queries (due to it being an actual retina screen) is background-size support automatic and guaranteed? All this time I've been assuming that's the case, but perhaps I'm wrong?

By the way, since we're on the topic of media queries and background-size, the caniuse chart says that IE6-8 doesn't support background-size. I know those browsers also don't support media queries. So, is it safe to assume that any browser that supports media queries is guaranteed to support background-size as long as pixel are used for the dimensions?

Thanks.

PaulOB
—
2014-02-24T17:47:07Z —
#5

champ said:

So if I just used explicit pixel sizes, such as the following, I'd be fine?

That's what I would have assumed to be true also. It's the 'cover' value that is the main problem.

By the way, since we're on the topic of media queries and background-size, the caniuse chart says that IE6-8 doesn't support background-size. I know those browsers also don't support media queries. So, is it safe to assume that any browser that supports media queries is guaranteed to support background-size as long as pixel are used for the dimensions?Thanks.

I don't think its explicitly safe to assume that as some older android/webkit will support media queries but not perhaps background-size. It doesn't really matter anyway as you can specify background-size on a separate rule and browsers that don't understand it will simply ignore it. You don't really need to hide it from them but just let them have the fallback of the normal background image.