This bug ticket suggest webkit never support CSS resolution query: https://bugs.webkit.org/show_bug.cgi?id=16832, I have opened a similar ticket on chrome side as well: https://code.google.com/p/chromium/issues/detail?id=153138
this bug suggest webkit never supports the min-resolution query: https://bugs.webkit.org/show_bug.cgi?id=16832
Why does MDN look different?
MDN is changing to focus just on documenting web technologies. All the same great content is still here; we’re just changing some visual elements and navigation, to help you more quickly find the web technology docs you’re looking for.
But don’t worry, MDN and Mozilla are still together! In fact, we're updating MDN’s look to reflect Mozilla's new logo and colors.