私はモバイル フレンドリーな Web ページを作成しており、JQuery Mobile を使用しています。ただし、私の CSS では、多数のメディア クエリを使用しています。これは、AJAX ( JQueryMobile の「data-ajax」属性) を使用してページをロードする場合を除いて、すべて問題ありません。これを行うと、メディアクエリが考慮されているようには見えません。メディアクエリが作動しているように見えるのは、ページを更新した場合のみです.
誰かがこの点で何か経験をしたことがありますか、それとも私のこれが起こっていることに光を当てることができますか?
実演するために、Azure のサンプルをここに投稿しました。ログインフォームで構成されています (ユーザー名やパスワードは必要ありません。[サインイン] をクリックするだけです)。ターゲット (home.html) には、767 ピクセルを超える幅のメディア クエリを使用して非表示にする必要がある div があります)。ただし、ウィンドウのサイズを変更しても非表示になりません。ページをリロードしてサイズを変更した場合にのみ発生します。
ここを参照してください: http://testjquerymob.azurewebsites.net/index.html
前もって感謝します。
T