ユーザーが画像をアップロードできるレスポンシブサイトを開発しています。
オリジナルを保持してから、低解像度のユーザーに提供するサムネイル画像を生成します。
提起された問題は、小さい画面サイズのロジックで画像を切り替えると、周囲の要素の目に見えるリフローが発生することです。
画像の高さが一貫していないため、これを防ぐ方法がわかりません。そのため、含まれている要素に初期の高さを設定できません。
任意のアイデアをいただければ幸いです。
私はこれを見ました：
http://andmag.se/2012/10/sensitive-images-how-to-prevent-reflow/
ただし、16：9、4：3などの比率がわかっているシナリオの場合のみのようです。