IEでのみ反映されるcssの記述法ついて

Question

新人のhtmlコーダーです。
cssで、IEのみにあるスタイルを反映させたい場合、

@media all and (-ms-high-contrast: none) {
p { color:#ddd; }
}

のような記述で実装できると思いますが、これを例えば500px以下（いわゆるスマホ体裁）のIEでのみ反映させるにはどういう書き方をすればよいのでしょうか？
現実的に使う場面はそうそうないのは理解しておりますが、そもそもできるのかできないのかというのがまず知りたいです。

よろしくお願いします。

Answer 1

ビューポートの幅ならば可能なようです。

@media.width

Comments

[usaho]

うまく伝わってないのですが、例文になぞらえるとクロームやFirefoxのpでは別の指定がされていて、IEの幅が狭いときにだけ特定の反映をさせたいのです。
@media (width: 360px) {みたいな感じだとクロームやfirefoxにも反映がされちゃうので。

[YT0014]

幅での制約ができます。なので、ANDで条件を重ねてください。
https://developer.mozilla.org/ja/docs/Web/CSS/@media

[usaho]

なるほどandで重ねて指定できるのですね！ありがとうございました！

Answer 2

普通に条件を重ねてはどうでしょうか。

@media all and (max-width: 500px) and (-ms-high-contrast: none) {
p { color:#ddd; }
}