7

ステージング環境で複数のスタイルシートを 1 つの最小スタイルシートにコンパイルしています スタイルは、各スタイルシートが個別の IE でローカルに適用されますが、スタイルシートが 1 つの最小スタイルシートにコンパイルされる IE のステージング環境には適用されません。CSS バリデーターを使用してスタイルシートを実行し、各スタイルシートを調べて、見つかった構文エラーを修正しました。必ずしも問題の解決方法を知る必要はありません。主に問題がどこにあるかを知りたいのです。IE 開発者ツールは、スタイルが適用されないという問題に関連するフィードバックを私に与えてくれません。

ステージング環境のログイン ページへのリンクは次のとおりです: https://s-app.joinhere.com/manage/sessions/new。スタイルはスタイルシートにあり、IE には適用されていません。コンパイルされた最小スタイルシートへのリンクは次のとおりです: https://staging.joinhere.com/assets/manage-d4f70cefc93b170b5f2a04509db697c8.css

ありがとう!

4

2 に答える 2

10

あなたのページを試してみましたが、Chrome で問題なく動作します。しかし、あなたが説明したように、CSS スタイルが適用されていないかのように、IE9 では奇妙に見えます。たとえば、スタイルbody#manage-sessions #main_container #login_containerが適用されていません。開発者ツールの css タブを見たところ、スタイルが存在しないことがわかりました。これは、それがどのように機能していないかを説明しています。理由を調べるために、開発者ツールのネットワーク インスペクターを使用して、IE9 が CSS をダウンロードしているときに応答を調べたところ、body#manage-sessions #main_container #login_container実際にスタイルが応答に含まれていました。これにより、IE の最大 css ファイル サイズに何らかの制限が必要であると考えるようになりました。ここで説明されているように、これは実際に当てはまるようです. どうやら IE は、css ファイルが特定のサイズを超えると、追加のスタイルを単純に無視するようです。これで、css ファイルが別々の場合にすべてが機能する理由と、それらを結合した後にバラバラになる理由が説明されます。この問題を解決するには、大きな css ファイルを IE の制限に収まる 2 つ以上の小さなファイルに分割してみて、問題が解決するかどうかを確認してください。

于 2012-04-05T22:37:18.840 に答える
1

あなたの個人的な設定についてはわかりませんが、IE 10 未満では 32 個の個別のスタイルシートしか処理できません。それ以降は、開発ツールで機能するように表示されますが、安心してください。33 個のスタイルシートはサイレントライフに取り組んでいます失敗。

于 2012-08-18T04:39:45.527 に答える