1

IE9 固有の問題に遭遇したため、その原因を突き止めるために支援が必要です。プロジェクトで SCSS を使用していますが、プロジェクトが成長するにつれて、深いツリーを持つファイルがあるように見えることがあります。

ページのレイアウトを壊す SCSS 構造を次に示します (この後のスタイルはまったく適用されないようです)。

.a {
  ...
  .b {
    ...
    .c, .d, .e, .f {
      ...
      .g {
        ...
        .h {
          ... 
        }
      }
    }
  }
}

クラス .h を削除すると、問題が解決します。クラス .f を削除すると、問題も解決します。

この構造IE9も好きではありません：

.a {
  ...
  .b {
    ...
    .c, .d, .e {
      ...
      .g {
        ...
        .h {
          ... 
        }
        .i {
          ... 
        }
      }
    }
  }
}

その理由は何ですか？問題がクラス名の長さに依存していないことを確認しました。

4

1 に答える 1

1

調べてくださった皆様ありがとうございます。例をjsFiddleにアップロードするためにcssファイルを最小化しながら、問題を解決しました。実際、スタイルシートあたり 4096 個のセレクターという IE の制限を超えたため、レイアウトに問題が発生しました。このブラウザーは同じセレクター制限を持っていると主張しているにもかかわらず、IE8 で同じ css ファイルが機能する理由はまだわかりません。

于 2012-08-29T16:25:15.480 に答える