この記事では、Webレスポンシブデザインにおけるグリッドの使用方法をまとめた基本ガイドです。デスクトップ、タブレット、モバイル向けのグリッドの使い方をそれぞれご紹介します。 レスポンシブグリッドの重要な部分に入る前に、基本的な用語を正しく理解しましょう。 レスポンシブ・グリッドの基本用語まとめ フィールド要素(Field Elements) むらさき色の部分がフィールド要素 フィールド要素は、文字テキスト、イメージ画像、またはその両方を組み合わせたデザインのブロック要素を指します。背景色は、文字テキスト/イメージ画像の背景でない限り、実際にはフィールド要素としては扱いません。 その他にもユニット、要素、親コンテナ(Parent Containers)など別の呼び方もありますが、どれも一緒と考えて構いません。 カラム(Columns) カラム・列は、デザインコンテンツの幅を構成する濃いピンク