別のページからモーダルウィンドウにコンテンツをロードするための jQuery を介したいくつかの単純な ajax 呼び出しを含む Web サイトに取り組んでいます。「最新のブラウザー」ではすべてがうまく機能しますが、すべてのバージョンの Internet Explorer (IE 9 を含む) では、リンクをクリックしてモーダル ウィンドウを開くと、ページのレイアウトが変更されます。
私が考えているのは、ポップアップが実際の画面サイズであると IE が認識し、メディア クエリを取得してページに適用していることです。ページの HTML 要素でクラスを使用して IE と他のブラウザーを区別し、すべてのメディア クエリから IE を除外しようとしましたが、これは完全には機能しませんでした。
以下、ページへのリンクです。IE 9 を使用し、[About Us] セクションまで下にスクロールしてリンクをクリックすると、ヘッダーのレイアウトが変更されていることがわかります。ただし、「Where We Are」までスクロールしてリンクをクリックすると、歪んでしまうのはモーダル ウィンドウ内のレイアウトです。
ウェブリンク: http://accesstca.com
どんな助けでも大歓迎です、ありがとう。