IE8中最小宽度的奇怪行为

我有一个简单的要求; 将desktop.css应用于更大的屏幕尺寸AND 将iPad.css应用于更小的屏幕尺寸IE8中最小宽度的奇怪行为

现在我想为这些使用CSS Media Queries。

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

现在我已经读过，旧的IE不支持最小宽度。但是我在IE8 中看到了一种奇怪的支持，即IE8将min-width识别为属性，但不能将其视为媒体查询。

所以

#example{*min-width:100px;}

工作正常IE8

但这并不

@media only screen and (min-width:100px)

我已经尝试了IE

以下

<!--[if IE ]><link rel="stylesheet" media="screen" href="css\desktop.css"><![endif]-->

但我想在一个特定的最小宽度，而不是始终以应用IE桌面CSS ..

是否有JS的办法解决这个等;

<!--[if IE AND min-width:100px]><link rel...

请让我知道如何在IE中应用2组CSS。

来源

2011-10-12 testndtv

附注：我在这里看到一个缺陷。如果实际宽度恰好为768像素，则将使用两张CSS页面。 [宽度指的是视口]（http://www.w3.org/TR/css3-mediaqueries/#width）。 – Sparky

Media queries are only supported by IE9+. 对于IE6-8兼容性，您可以使用像Respond.js这样的polyfill。

来源

2011-10-12 07:21:05

Thx ...我面临一些拒绝Respond.js问题的访问...我只是想测试本地磁盘..可以帮我修复相同的问题.. – testndtv

嗯，因为respond.js使得ajax请求获取和解析样式表时，无法在没有Web服务器的情况下在本地进行测试。试试[XAMPP]（http://www.apachefriends.org/en/xampp.html），它非常易于安装和使用。 –

其实我正在看的东西，不会需要任何额外的服务器安装....有没有其他的方式来安装？如果不是的话，我确实使用Apache进行服务器端测试..如果您只是简单地添加步骤以使其在Apache中工作。 – testndtv

IE8中最小宽度的奇怪行为

回答

相关问题