I found that the github example didn’t work when copied to my server. The solution I found was that the example when being tested with IE8 from XP needs 2 changes!
Replace “rawgithub.com” with “rawgit.com” (IE8/xp doesn’t like the redirect when including the css files)
Change “https” to “http” as the CDN they use uses SNI which isn’t supported in XP, so if you want to support XP users then you’ll need to cater for this! (or a less you spend a lot of money to get a dedicated IP on your CDN)
Once this was changed, all works well with the example :-) Hope this helps someone :-) Working example.html code below:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1?> <title>Respond JS Test Page</title> <link href="http://rawgit.com/scottjehl/Respond/master/test/test.css" rel="stylesheet"/> <link href="http://rawgit.com/scottjehl/Respond/master/test/test2.css" media="screen and (min-width: 600px)" rel="stylesheet"/> <script src="../dest/respond.src.js"></script> <!-- Respond.js proxy on external server --> <link href="http://rawgit.com/scottjehl/Respond/master/cross-domain/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /> <link href="respond.proxy.gif" id="respond-redirect" rel="respond-redirect" /> <script src="respond.proxy.js"></script> </head> <body> <p>This is a visual test file for cross-domain proxy.</p> <p>The media queries in the included CSS file simply change the body's background color depending on the browser width. If you see any colors aside from black, then the media queries are working in your browser. You can resize your browser window to see it change on the fly.</p> <p id="attribute-test">Media-attributes are working too! This should be visible above 600px.</p> </body> </html>