Simple solution for Device-width issue in Windows 8 mobile

When I was working on a Responsive Design project, one of my colleague found a weird issue in Windows 8 Mobile version. The device-width we specified was not displaying correctly in Windows 8 mobile. It displayed as different resolution.

Then I started searching on Google for any existing solution for this issue, But nothing found useful. At last I found a simple and effective solution rather than a hack. So I decided to share it to the community.

Tested successfully on Nokia Lumia 920 & HTC 8X.

THE PROBLEM

The device-width we specified was not displaying correctly in Windows 8 mobile.

THE SOLUTION

The solution is simple.

Just change the Pixel value of your @media device-width to “EM”. That’s it.