开发者

min-width CSS Media Query in IE8+

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 开发者_JS百科it would work on all desktop browsers..


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


The easiest way is to add <!--[if IE ]><link rel="stylesheet" media="screen" href="desktop.css"><![endif]--> to you <head> tag.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜