Problemet ligger i at Windows Phone 8 IE 10 ikke renderer siden ordentligt.
Har googlet lidt og de siger det er en bug i IE 10 at de ikke lytter til viewport settings under 400px, hvilket vil sige at når jeg bruger følgende query: @importurl('css/mobile.css') screen and (min-device-width: 320px) and (max-device-width: 480px);
Så reagerer Windows Phone 8 IE 10 ikke på dette, resultatet er at siden bliver nærmest ubrugelig.
Se om denne artikel kan hjælpe dig: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
Med venlig hilsen Mikael
Er prøvet uden held :(
Kan ikke finde ud af hvordan jeg skal implementerer det i en @import url('css/mobile.css') screen and (min-device-width: 320px) and (max-device-width: 480px);
Tror ikke jeg har de values som skal bruges for at kunne identificere bredden.
@import url('css/ipad_landscape.css') screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape); @import url('css/ipad_portrait.css') screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait);