アダプティブフロントエンドのレイアウト
CSSボックスフレックス財産、そして弾性ボックスモデルのご紹介
https://www.zhangxinxu.com/wordpress/2010/12/css-box-flexの特性、及び弾性ボックスモデルの紹介/
アダプティブページの実装
シーン適応1.シンプル：浮き、ページの中央に、書込み要素の幅が一定割合を自動的に提供サイズと一致していません。ページの幅が変更されたときに、上記の特徴は、単純な適応効果を用いて達成することができます。
2.そこに複雑なシーンの実際の開発の需要は通常、CSSコードの複数のセットを書き込むことによって、あり、その後、使用している場合は、メディアクエリー・テクノロジーをページが別の画面を適応させる目的を達成するために、画面のサイズに応じて、異なるコード・モジュールをロードすることができ、。この方法では、コードの複数のセットを記述する必要がある、重いワークロードが、しかし、機器の異なる画面サイズのために、より便利なCSSのコードの保守の別のセットを持っています。
3.応答レイアウトは、応答ページレイアウトは、適応ディスプレイの自動調整（また、画面サイズに応じて使用を意味し、メディアクエリー・テクノロジー）。システムのレイアウト、フレックスレイアウトに応じて、通常グリッドレイアウト。ブートストラップコアフレームワークは、グリッドシステムです。（詳細後、グリッドシステムの実装に記載されています）。
https://segmentfault.com/a/1190000015759719
ウェブあなたが知る必要があるすべてのもののアダプティブレイアウト
https://juejin.im/post/5a22d0086fb9a0451a7631ee