With the enhanced screen resolutions of the Lumia range it's difficult to distinguish by resolution. It appears that the@media handheld rule is not supported by IE10 which means a more complex query is required.
One option would be to detect if the height is greater than the width, which would be abnormal in a standard PC/Laptop configuration.
I ran a brief test with http://whatsmy.browsersize.com/ and even after turning the device to landscape and refreshing the browser, the tool returned the same results as if it were portrait.
Therefore is it possible to write a @media query that asks if the max-width < max-height?
the aim is to do this in <link rel="stylesheet" media="..." href="..."> rather than in code as we have existing rules for detecting other portable devices based on resolution.
Any help would be appreciated.
Cheers,
Roy