只適用於媒體查詢中的IE 11屏幕尺寸

我目前有以下寬度特定媒體查詢。只適用於媒體查詢中的IE 11屏幕尺寸

@media only screen and (max-width: 1920px) { 
    .toggleMultiSelect .filter { 
     width: 566px; 
    } 
}

但寬度爲 '.toggleMultiSelect .filter' IE中從鉻/火狐變化。因此，基本上需要在1920px的IE中爲相同的css類應用不同的寬度。從Stackoverflow搜索中，我發現IE的具體行爲可以像下面那樣實現。

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
    .toggleMultiSelect .filter { 
     width: 575px; 
    } 
}

所以現在我需要實現分辨率和CSS類。 575px寬度只適用於IE和Chrome或Firefox應該得到566px。

在此先感謝您的幫助。

來源

2017-08-31 Luke

使用下面的媒體查詢

內的CSS IE 10和上述

_： - 毫秒琅（x）中，.ie10up {屬性：值; }

IE 11和上述

_： - MS-全屏，：根.CLASS_NAME {屬性：值; }

來源

2017-08-31 05:56:22

嗨沙希爾，它應該是這樣的權利？（最大寬度：1920px）{ms-fullscreen，：root .ie11up .toggleMultiSelect.filter {width：575px; } }' 我試過了，但沒有運氣。 – Luke

@Luke它應該是_： - ms-fullscreen，：root .toggleMultiSelect .filter {width：566px; } –

太好了。這工作。謝謝@shahil – Luke

你嘗試他們這樣的組合 -

@media only screen and (max-width: 1920px) { 
    .toggleMultiSelect .filter { 
     width: 566px; 
    } 
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
     .toggleMultiSelect .filter { 
     width: 575px; 
     } 
    } 

}

這可能工作很不肯定的是，我使用Mac所以沒有辦法測試，但我認爲這會爲你工作。希望這有幫助。

來源

2017-08-31 05:51:34 weBBer

嗨weBer，我試過這個。但在IE中，仍然應用了566px的寬度。不是575px。感謝您的答覆。 – Luke

@Luke是您檢查課程時的第二種風格。如果是這樣，我們可以嘗試在樣式中使用'！important'。 – weBBer

加上重要的也沒有工作。感謝幫助。謝謝 – Luke

只適用於媒體查詢中的IE 11屏幕尺寸

回答

相關問題