aardrian

IE10 Metro view doesn’t honor media queries, but desktop view does (on same device)? Help?

These screen shots are from the same device, an Asus Windows 8 tablet, and both are 768 x 1366 pixels. The image on the left is IE10 in the standard Windows desktop, where it honors media queries on my site. The image on the right is IE10 in the touch-focused Metro interface, where it doesn’t honor any media queries on my site.

Has anyone else seen this or have some direction they can offer? My Google-fu is failing me on this one.

UPDATE:

Roger Johansson was kind enough to help. This took care of it, though I excluded the zoom style:

@aardrian You may need @-ms-viewport {width:device-width;zoom:1.0; }

— Roger Johansson (@rogerjohansson)

May 22, 2013

All of a 5 minute update, one I shouldn’t have missed in the first place. The site works fine now.

FURTHER UPDATE:

For those interested in more technical bits, longer form of this at my blog: IE10, Metro, and Media Queries