Twenty Seventeen Supports

The new WordPress default theme includes a block of CSS to fix layout of the headers in browsers supporting the object-fit property.

The CSS makes use of feature queries. It’s the first time a WordPress default theme has used @supports and I’m really pleased to see it.

Despite wide browser support, feature queries are rarely seen in the wild. Feature detection started as a JavaScript technique and it’s easy to ignore a method that comes along later.

I was reminded about feature queries earlier this year when I saw Jen Simmons speak. I’ll be keeping them in mind more often.

Published by Peter Wilson

Peter Wilson is a Senior WordPress Engineer at Human Made and contributor to WordPress core. Peter has worked on the web for twenty years on everything from table based layouts in the 90s to enterprise grade CMS development. Peter’s a big fan of musical theater and often encourages his WordPress community colleagues to join him for a show or two in New York or in the West End.

Leave a comment

Your email address will not be published. Required fields are marked *