Did some test with media queries by creating a webpage with the html editor and style sheets. I used 2 style sheets, one for larger devices and one for my windows phone.
<link rel="stylesheet" type="text/css" media="screen" href="test.css" />
<link rel="stylesheet" type="text/css" href="test-mobile.css" media="screen and (max-width: 1024px)" />
or
<link rel="stylesheet" type="text/css" href="test-mobile.css" media="screen and (max-device-width: 480px)" />
By using max-width the switch occures at 1024px, just like in RSD. But when I use max-device-width the switch occures at 480px. Which makes more sence, but this gives problems on the desktop.
<link rel="stylesheet" type="text/css" media="screen" href="test.css" />
<link rel="stylesheet" type="text/css" href="test-mobile.css" media="screen and (max-width: 1024px)" />
or
<link rel="stylesheet" type="text/css" href="test-mobile.css" media="screen and (max-device-width: 480px)" />
By using max-width the switch occures at 1024px, just like in RSD. But when I use max-device-width the switch occures at 480px. Which makes more sence, but this gives problems on the desktop.
Maybe use a test to see what your device reports will get some clarity here. There are several possibilities and I am not sure about the reliability (never had to use this) but I tried this one http://mqtest.io/ on a view devices and it seems legid.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Doesn't make any sense to me, the tool reports:
orientation: portrait
width: 325px
height: 492px
device-width: 325px
device-height: 541px
device-pixel-ratio: 1.4786428......
orientation: landscape
width: 541px
height: 276px
device-width: 325px
device-height: 541px
device-pixel-ratio: 1.4786428......
It states that I'm using IE 11
orientation: portrait
width: 325px
height: 492px
device-width: 325px
device-height: 541px
device-pixel-ratio: 1.4786428......
orientation: landscape
width: 541px
height: 276px
device-width: 325px
device-height: 541px
device-pixel-ratio: 1.4786428......
It states that I'm using IE 11
Nor to me, it does work but not at the expected breakpoint positions whereas this tool reports expected widths... 
We'll figure this out though, give us a bit (and in the meantime maybe somebody here in the forums has an idea...?)

We'll figure this out though, give us a bit (and in the meantime maybe somebody here in the forums has an idea...?)
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
Thanks for your support guys!
Rob
Rob
Seems to be a known issue (https://www.google.com/#q=windows+phone+media+query).
Check out this blog post: http://devhammer.net/blog/responsive-de … daptation/
It's like IE6 has been reincarnated for the 21st century!
Check out this blog post: http://devhammer.net/blog/responsive-de … daptation/
It's like IE6 has been reincarnated for the 21st century!
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
I was on windows 8 and I just downloaded the Droid X2 drivers and also RSD lite and i would start up RSD Lite, then i would connect the usb , then i would connect my phone to the usb and put it in rsd mode and it would work so it is weird to hear that it doesnt work for you.
var rsD = Windows.Globalization.CurrencyIdentifiers.rsD;
public static string RSD { get; }
Public Shared ReadOnly Property RSD As String
public:
static property String^ RSD {
String^ get();
}
var rsD = Windows.Globalization.CurrencyIdentifiers.rsD;
public static string RSD { get; }
Public Shared ReadOnly Property RSD As String
public:
static property String^ RSD {
String^ get();
}
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.