メディアの問い合わせ先Internet Explorerの場合のみ

Internet Explorer 10でCSSスタイリングのみを変更しようとしています。 Media Queryを使用していますが、動作しません。メディアの問い合わせ先Internet Explorerの場合のみ

私はIEを調べて、変更内容のメディアクエリ行はCSSファイルに表示されますが、何らかの理由で動作しません。

IEでCSSスタイルを変更するにはどうすればよいですか？

//// MEDIA QUERY /// 
 
@media screen and (-ms-high-contrast: active), 
 
screen and (-ms-high-contrast: none) { 
 
    body { 
 
    background-color: red !important; 
 
    } 
 
} 
 

 
@media only screen and (max-width: 1200px) {} 
 

 
@media only screen and (max-width: 992px) {} 
 

 
@media only screen and (max-width: 768px) {} 
 

 
@media only screen and (max-width: 480px) {}

<body> 
 

 
    <div> HELLO </div> 
 

 
</body>

出典

2017-11-23 Mostaza

を動作しますが、あまりにも悪いCSS特徴検出は、まだ（IEでHTTPSを動作しません。 mozilla.org/en-US/docs/Web/CSS/%40supports）、JavaScriptで機能の検出を行い、適切なクラス名を設定することができます。 –

タイトルと本文を変更してください。コメントから、IEとは違う* Edge *でこれを動作させたいことは明らかです。 –

よく私がエッジを意味するとき私はIEとエッジを意味する – Mostaza

ちょうどそれが少し異なる宣言し、それが動作します。

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {..}

コンマの後に二重宣言があります。 //開発者：IE11でそれをテストし、それがどのようなあなたの代わりに必要になることはな特徴は、高いコントラストを検出で

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
 
    body { 
 
    background-color: red !important; 
 
    } 
 
} 
 

 
@supports (-ms-ime-align: auto) { 
 
    body { 
 
    background-color: red !important; 
 
    } 
 
}

<div> HELLO </div>

出典

2017-11-23 10:41:58

こんにちは。私はちょうどそれを試みたが、残念ながらそれは動作しません。 – Mostaza

もう一度試してみてください。IE11で動作します。https://i.imgur.com/vT4emrx.png –

Microsoft Edgeで試したところ、赤い背景が見えません。（私はあなたのコード例をコピーして貼り付けました） – Mostaza

メディアの問い合わせ先Internet Explorerの場合のみ

答えて

関連する問題