IE8 +中的min-width CSS媒体查询

时间:2011-10-11 06:27:17

标签: iphone html css ipad media-queries

我正在考虑为桌面和iPad浏览器调用不同的CSS。

对于桌面,我正在使用

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

对于iPad,我使用

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

当我说台式机浏览器时,我指的是IE8及以上版本,FF4 +,MAC 5+上的Safari

但由于某些原因,桌面CSS无法在IE8中应用。

请建议最好的方法,以便我可以清楚地分离桌面/ iPad,它也适用于所有桌面浏览器..

2 个答案:

答案 0 :(得分:0)

@testndtv; mediaquery在IE中不起作用。为此,您必须使用Response.js

答案 1 :(得分:0)

最简单的方法是添加 <!--[if IE ]><link rel="stylesheet" media="screen" href="desktop.css"><![endif]--> <head>标记。

相关问题