How to use respond.js for mobile first, and Enquire, and matchmedia, together? about enquire.js

[pzula]

I haven't yet figured this out, but in the mean time, I used PHP to conditionally load enquire and matchmedia only for browsers other than IE 8 and below.

[bzaman]

As I know IE7-8 does not have matchmedia, but, may be polyfill sometimes work regarding this...

[pzula]

I do have the match media polyfill, is what I mean by using all three together

[WickyNilliams]

I'm afraid I don't know what the issue might be. Looking at respond.js, nothing seems out of order (though I notice it actually includes it's own version of matchMedia, so you don't necessarily have to include your own!). Is anything logged to the console?

[pzula]

@WickyNilliams, so if respond.js has matchMedia, I don't need to add the other matchMedia library? I thought respond.js' matchMedia was for CSS, and the other matchMedia library was for older Andriods' js?

[WickyNilliams]

You shouldn't have to, no.

But I think you've gotten confused about matchMedia. It's a native API for testing media queries in JavaScript. Respond.js contains a matchMedia polyfill. That polyfill approximates the behaviour of the API only. It does not give the browser the ability to evaluate CSS3 media queries, only the ability to evaluate media queries it understands eg. In IE8 you could do something like matchMedia("screen").matches and that would evaluate to true. But anything more complex would always be false.

Respond.js approximates a subset of css3 media queries by analysing your CSS.

Hope that makes sense