Container Size Queries and Firefox version
Hello everyone,
I've been putting off learning Size Queries due to the fact that Firefox support was missing.
But Firefox supports it from version 110 onwards.
I'm a Linux user, so I'm always updating Firefox using my package manager, so I know I have the latest version.
But what about Windows users? 110 was released in February, can I be sure that users are using at least version 110? Does Firefox update automatically on windows like Chrome?
In general, how long till you wait until you consider it's safe to use a feature? Specially for features that might break the whole site when missing (not stuff like
text-balance: wrap
)5 Replies
https://caniuse.com/css-container-queries
This will tell you percentages by browser, and whether they support it. Sub-110 firefox is sitting at 0.36%, where 110-115 sits at 1.99%, so a bit less than 20% of firefox users are still on sub-110
unless the user disables auto update the browser will get updated on windows automatically
for features that break the whole site, it's probably best to keep a fallback that may not look good but at least maintains functionality. Even losing 3% of your potential customers because they can't work your site at all is just not worth it
this is part of why so many sites have analytics btw, if you had analytics on your site you could just look at your control panel and check for your actual userbase what features you can and can't use.
If you're targeting a up scale market, you can assume people are on recent hardware, but if you're making an app for a developing nation, you'll have to assume a percentage of your users is going to be using IE10 on XP
Thanks a lot for the help and insight.
I'll include a fallback, but is there a trick to test it? Can I disable a css feature in my browser?
Oh, never mind. I can include it in
@support
instead of only including the fallback in @support not
That or just untick the rule in the dev tools