さて、私はこれまで遭遇したことのない非常に深刻な問題を抱えています。私は問題を理解することさえできません。
流動的でレスポンシブなウェブサイトを作りました。私は通常、最初に Chrome で Web サイトを作成し、次に IE と Firefox の問題を他のブラウザーと同様に修正します。
私のウェブサイトは Chrome で完全に機能していました。ブラウザの幅の変化に反応しているのが分かりました。しかし、サイトが完成し、他のブラウザーの問題をチェックするためにシフトする時が来ました. Chrome 以外のブラウザでは応答しないことにショックを受けました。
どんな助けでも大歓迎です。
ウェブサイトhttp://demos.affixy.com/travelagents/をご覧ください。
デモサイトへのリンクを入れるのを忘れてしまい、本当に申し訳ありません。
@media ((max-width: 1024px) {および@media ((max-width: 1024px) {
に変更する必要が@media (max-width: 1024px) {あり@media (max-width: 1024px) {ます。これらの余分な括弧を削除すると、うまくいきました。
限られた情報からの可能性…
CSS に iPad メディア クエリの宣言が 2 つあり、1 つはポートレート用、もう 1 つはランドスケープ用ですが、メディア クエリの値は同じです。それにもかかわらず、両方のメディア クエリにタイプミスがあります。
あなたが持っている：@media ((max-width: 1024px) {
次のようにする必要があります。@media (max-width: 1024px) {
これらは、style.css の 612 行目と 675 行目にあります。
おそらくGood Guy Chromeがエラーを検出して修正し、他のブラウザがエラーを検出してエラーを出しています。