min-width CSS Media Query in IE8+

Question

I am looking at calling different CSS for desktop and iPad browsers.

For desktop, I am using

<link rel="stylesheet" media="only screen and (min-width:1000px)" href="desktop.css">

and for iPad, I use

<link rel="stylesheet" media="only screen and (device-width:768px)" href="desktop.css">

When I say desktop browsers, I am referring to IE8 and above, FF4+, Safari 5+ on MAC

But for some reasons, the desktop CSS does not get applied in IE8.

Please suggest the best approach such that I can clearly separate desktop/iPad and also it would work on all desktop browsers..

score 0 · Accepted Answer · answered Oct 11 '11 at 06:34

0

@testndtv; mediaquery is not work in IE. for this you have to use Response.js

answered Oct 11 '11 at 06:34

sandeep

May be you asked this question second time check this http://stackoverflow.com/questions/5769493/ie8-support-for-css-media-query – sandeep Oct 11 '11 at 06:40

score 0 · Answer 2 · answered Oct 11 '11 at 06:38

0

The easiest way is to add  to you <head> tag.

answered Oct 11 '11 at 06:38

AntoxaGray

So in a way speaking, I'll need to add 2 statements for desktop browsers .... One would work for IE and others for all desktop browsers.. – copenndthagen Oct 11 '11 at 07:51

2 Answers2