css - 開発者ツールを開くまで CSS が IE11 で壊れている

Question

ページに表示されるモーダル ウィジェットがあり、IE11 で開くと部分的に壊れていますが、ウィンドウのサイズを変更するか、開発者ツールを開くとすぐに、すべてが修正されます。

非常に小さな画面のルールのいくつかが大きな画面で使用されるように、いくつかのメディア クエリが適用されているようです。しかし、それはすべての要素に当てはまるわけではありません。

私は何を間違っていますか？

Answer 1

問題はメディア クエリにあったため、同様の質問に対する別の回答を検索して見つけました。私の場合のようでした: 症状の 1 つは、最低解像度のメディア クエリが動作していたことです。

回答: https://stackoverflow.com/a/25850649/171278

解決策: 最低解像度のメディア クエリにも が必要です。min-width追加するだけmin-width: 1pxで、ページの読み込み時にアクティブ化されません。

@media only screen and (min-width:1px) and (max-width:800px)

Answer 2

HTMLも動的にロードする場合、メディアクエリがIEに対応していないのと同じ問題がありました。ボタン属性をアンカータグに変更することで問題が解決したため、デバッグによってこの問題を引き起こしているhtmlタグを確認する必要があります。