2017-01-08 9 views
0

IE11はメディアクエリを無視し、常にモバイルCSSを使用します。Ie11はメディアクエリースタイルを適用しません

奇妙なことは、ちょうど1〜2ピクセルであっても、ブラウザの幅を変更するとブラウザがレンダリングされ、メディアクエリが表示されるということです。

私はcss lintを試してみましたが、私のCSSではエラーはありません。

私のCSSには特別なものはありません。

.div_example{ 
    width: 100px; 
} 

@media (min-width: 768px){ 
    .div_example{ 
    width: 300px; 
    } 
} 

誰でもこの問題が発生しましたか?

+0

@media(最小幅:768px)を '@media allと(最小幅:768px)'または '@mediaのみの画面と(最小幅:768px)' – bulldozer

+0

に変更してください。しかし、私は私の質問で、私も@media allを試してみて、それはうまくいかなかったと言及するのを忘れていました。 –

+0

IE11だけが動作していませんか? – bulldozer

答えて

0

使用しているので、それは常にモバイルスタイルを使用:あなたのウィンドウ幅場合

@media (min-width: 768px) 

この条件はtrueになります768px以上です。これを試してください:

@media (max-width: 768px) 

ウィンドウの幅が768pxよりも小さいときに、そのメディアクエリ内のESが適用されます。これはおそらく達成したいものです。

関連する問題