使IE9忽視媒體查詢或服從最小寬度規則

反正是有，我可以讓IE9忽略媒體查詢或服從最小寬度？使IE9忽視媒體查詢或服從最小寬度規則

我有一個網站，我用移動設備的響應式設計媒體查詢，他們工作得很好，他們也適用於所有現代瀏覽器。問題是，我有一些用戶使用相當老的瀏覽器（有些仍在使用IE6信不信由你，他們自己的錯誤和完全不可避免的），所以我有一個IE9的條件樣式表，並設置最小寬度該頁面，因爲我不希望任何媒體查詢我曾經適用於這些瀏覽器。

body{ 
    min-width:1000px !important; 
}

兩個IE9和和IE8都服從所有的我已經把在除了IE9被忽略用於所述主體的最小寬度規則條件的樣式表的規則。這意味着，當它被調整大小時，媒體規則將啓動並終止佈局。

爲什麼IE9會忽略最小寬度還是有條件聲明我可以使用，這樣媒體查詢就不適用於IE9了嗎？

來源

2017-02-10 tatty27

最好是把這些舊的瀏覽器指標納入你的HTML引用不同的樣式或附加獨特的類的<html>元素爲目標的條件註釋：

<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]--> 
<!--[if IE 9]><html class="no-js ie9"> <![endif]--> 
<!--[if gt IE 9]><html lang="en"><![endif]-->

然後你就可以明確禁用或啓用某些CSS與類：

@media (min-width: 700px) { 
    .ie9 .yourNormalTarget { 
     width: 1000px; 
    } 
}

來源

2017-02-10 18:58:29 Alejalapeno

嗨，我看不出這將如何使IE9服從最小寬度時，它已經在針對IE9的CSS文件？ – tatty27

謝謝，這有助於很多:) – tatty27

很難知道沒有看到你的代碼，但你可以在怪癖模式。確保已添加<!DOCTYPE html>以防止發生此情況。

來源

2017-02-10 19:02:07

嗨，我確實有這 – tatty27

只是爲了確保怪癖模式不是問題，您可以在這裏做詳細的檢查：http://stackoverflow.com/a/627124/5999346 –

謝謝，這是一個有用的技巧，它證實我在標準模式。 – tatty27

使IE9忽視媒體查詢或服從最小寬度規則

回答

相關問題