それで、私は最初のレスポンシブ デザインを行っています。コントロール フリークなので、非常にいらいらしますが、要点を言えば。
上部にカルーセルがある典型的なレイアウトを作成しました。ページ全体のサイズが適切に変更され、それは問題ではありません。
私の問題は、スライダーには非常に大きな画像が含まれているため、下のコンテンツが最初に読み込まれ、次にスライダーが読み込まれるとコンテンツが下にシフトすることです。これは当然のことであり、通常は、その移動を防ぐためにスライダー コンテナーに固定の高さを設定します。
ここで問題があります。レスポンシブ コンテナーに固定の高さを設定できず、そのコンテンツ シフトを防ぐ方法がわかりません。
編集
問題を説明するためにjsFiddleを作成しましたが、画像をキャッシュするため、出力htmlをローカルで実行してコンテンツのシフトを確認する必要があります。
皆さんは普段何をしていますか?何か案は?