Stylus で IE9 ルール ( width: 40px\9; )のみを記述しようとしていますが、Stylus はその\9
部分を削除し続け、代わりに空白文字に変換しているようです。\
と のさまざまな組み合わせを試しまし/
たが、役に立ちませんでした。
例えば
width 40px\\9;
にコンパイルします
width: 40px \ 9;
\
スタイラスをリテラルの「\」として保持し、空白に変換しないようにする方法を知っている人はいますか?
Stylus で IE9 ルール ( width: 40px\9; )のみを記述しようとしていますが、Stylus はその\9
部分を削除し続け、代わりに空白文字に変換しているようです。\
と のさまざまな組み合わせを試しまし/
たが、役に立ちませんでした。
例えば
width 40px\\9;
にコンパイルします
width: 40px \ 9;
\
スタイラスをリテラルの「\」として保持し、空白に変換しないようにする方法を知っている人はいますか?
このアプローチは、Internet Explorer 9 だけに適用されるわけではありません。このハックは、Internet Explorer 8 および 10 にも影響を与えます。これら 3 つのバージョンの Internet Explorer は、特定のレイアウトの問題に対して同じソリューションを必要としないため、このアプローチは解決できる問題よりも多くの問題を引き起こす可能性があります。
Microsoft は、条件付きコメントを使用してブラウザー固有のスタイルを適用する方法を提供しています。これは、ブラウザ固有の変更が必要な手段です — CSS ハックは避けてください。
Internet Explorer 9 をターゲットにするには、次の条件付きコメントを使用します。
<!--[if IE 9]>
<link rel="stylesheet" href="ie9fixes.css" />
<![endif]-->
上記は問題をより迅速に解決するのに役立つ可能性がありますが、正しいアプローチは、回避策が必要であることを確認することです. マークアップと CSS が有効であることを確認してください。多くの場合、ブラウザー固有の問題は無効なコードが原因です。
条件付きコメントのサポートは、Internet Explorer 10 で削除されました。