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中最小寬度的奇怪行爲

回答

相關問題