Respond icon indicating copy to clipboard operation
Respond copied to clipboard

IE8 Included CSS

Open 0Neji opened this issue 10 years ago • 2 comments

Hi,

I'm trying to use respond.js to enable media queries on IE8 but having a little trouble.

Basically, I'm creating a WP theme and the CSS needs to be dynamic. So to that end, I've separated this CSS out to in to a PHP file which is included in the head of my document. It's being included before respond.js is linked. This file basically prints out a style tag and puts the media queries inside it, in the head.

If I put these styles in my main css files it works fine so I'm leaning towards respond.js not working with styles that are printed in the head. Am I correct in that assumption or am I doing something wrong?

The URL of my theme is: http://sandbox.benpalmer.me/flow/test/

Any suggestions ona fix would be massively appreciated.

0Neji avatar May 09 '14 09:05 0Neji

https://github.com/scottjehl/Respond/pull/154

I don't believe inline style blocks are supported.

ericberens avatar May 10 '14 04:05 ericberens

Thanks Eric - I'm just going to create a workaround for this - it looks like a common problem with media query polyfills so I'll just avoid.

Those on IE8 will just have to put up with a slightly slower loading time I guess!

0Neji avatar May 13 '14 15:05 0Neji